Pemrograman Visual

Presented by :
Arif Harjanto, M.Kom
Email : chokywae@yahoo.com
Blog : chokywae.com

1
 Pokok Bahasan :
 Kontrol Dasar VB 6.0

2
 Properti Kontrol Visual Basic

Setiap objek, seperti form atau control, memiliki

seperangkat sifat yang menggambarkan hal itu. Meskipun set
ini tidak identik untuk semua objek, beberapa yang umum
untuk kontrol, Anda dapat melihat setiap properti desain-
waktu untuk kontrol yang diberikan dengan melihat jendela
Properties dalam IDE (beberapa kontrol memiliki sifat yang
hanya tersedia pada saat run-time "seperti sifat SelStart dan
SelLength dari Textbox tersebut).

Macam-macam properti yang sering digunakan pada

kontrol/objek VB 6.0 : (lihat materi pertemuan1 hal.18)

3
 Metode Kontrol Visual Basic
• Metode adalah blok kode yang dirancang menjadi kontrol yang
menceritakan mengontrol bagaimana melakukan hal-hal,
seperti pindah ke lokasi lain pada formulir.
• Sama seperti sifat, tidak semua kontrol memiliki metode yang
sama, meskipun beberapa metode umum memang ada, seperti
yang ditunjukkan pada tabel di bawah ini:

Metode Keterangan
Move Perubahan posisi obyek dalam menanggapi permintaan
kode
Drag Menangani pelaksanaan operasi drag-and-drop oleh
pengguna
SetFocus Memberikan fokus ke objek tertentu dalam pemanggilan
metode
ZOrder Menentukan urutan di mana beberapa objek muncul pada
layar

4
 Event Kontrol Visual Basic

• Peristiwa apa yang terjadi di dalam dan sekitar program anda.

Sebagai contoh, ketika pengguna mengklik tombol, banyak
peristiwa terjadi : Tombol mouse ditekan, CommandButton
dalam program Anda diklik, dan kemudian tombol mouse
dilepaskan. Ketiga hal sesuai dengan acara MouseDown, acara
Click, dan acara MouseUp. Selama proses ini, acara GotFocus
untuk CommandButton dan acara LostFocus untuk mana objek
sebelumnya dipegang fokus juga terjadi.

• Sekali lagi, tidak semua kontrol memiliki peristiwa yang sama,

tetapi beberapa peristiwa bersama oleh banyak kontrol.
Peristiwa ini terjadi sebagai hasil dari beberapa tindakan
pengguna tertentu, seperti menggerakkan mouse, menekan
tombol pada keyboard, atau mengklik kotak teks.

5
 Events Keterangan
Change Pengguna memodifikasi teks dalam kotak combo atau kotak teks.
Click Pengguna mengklik tombol mouse pada objek utama.
DblClick Pengguna double-klik tombol mouse pada objek utama.
Dragdrop Pengguna menyeret objek ke lokasi lain.
DragOver Pengguna menyeret objek atas kontrol lain.
GotFocus Sebuah objek menerima fokus.
KeyDown Pengguna menekan tombol keyboard saat sebuah objek memiliki
fokus.
KeyPress Pengguna menekan dan melepaskan tombol keyboard saat sebuah
objek memiliki fokus.
KeyUp Pengguna melepaskan tombol keyboard saat sebuah objek
memiliki fokus.
LostFocus Sebuah objek kehilangan fokus.
MouseDown Pengguna menekan tombol mouse setiap saat pointer
mouse di atas objek.
MouseMove Pengguna menggerakkan pointer mouse di atas objek.
MouseUp Pengguna rilis setiap tombol mouse ketika pointer mouse di
atas objek.
6
 Tombol Command, TextBox, dan Label
• Tiga dari kontrol yang paling dasar yang terlibat dalam
membangun sebuah interface adalah tombol Command,
TextBox, dan Label.
Contoh :

7
 Kunci Akses
• Kunci akses adalah kombinasi tombol yang pengguna dapat
menekan (biasanya tombol Alt ditambah huruf) untuk
memanggil suatu tindakan.

• Tombol akses menyediakan alternatif keyboard untuk

menggunakan mouse untuk melakukan tindakan yang sama.
Sebagai contoh, program Windows memiliki menu File & Anda
akan membuka menu File dengan menggunakan mouse anda
klik pada "File" atau dengan menekan kombinasi tombol Alt + F
pada keyboard Anda. "F" dalam kasus ini akan dianggap sebagai
kunci akses.

• Anda dapat membuat sebuah tombol akses pada setiap kontrol

yang memiliki properti Caption (seperti label atau tombol
perintah) dengan menempatkan sebuah ampersand (&) di
sebelah kiri huruf yang diinginkan dalam tulisan. Setelah itu,
huruf tsb akan muncul dengan format digarisbawahi.
8
 Tab Index

• Sebagian besar kontrol memiliki properti tabindex.

Menggunakan properti tabindex, Anda dapat mengontrol
urutan kontrol yang akan menerima fokus saat pengguna
menavigasi formulir Anda melalui keyboard.
• Sebagai pengguna melintasi formulir Anda dengan menekan
tombol Tab, kontrol akan menerima fokus dalam urutan
ditentukan oleh TabIndexes.
• Contoh : ketika kita akan menelepon untuk TabIndexes dari
sembilan kontrol tombol telepon berada di urutan dari kiri ke
kanan, atas ke bawah (kita mulai penomoran TabIndexes
dengan 0).

9
 Tombol Combo Box, List Box
Komponen ComboBox dan ListBox memiliki beberapa method yang
sama untuk mengatur isi (item) di dalamnya, yaitu :
1. AddItem – method ini akan menambah isi sesuai dengan argument
yang diberikan berupa tulisan. Setiap kali ada isi yang ditambahkan
akan diberikan nomer index secara otomatis dimulai dari 0 (nol).
2. RemoveItem – method ini akan menghapus isi sesuai dengan
argument yang diberikan berupa nomer index dari isi yang dipilih.
Setiap kali ada isi yang dihapus maka nomer index akan disusun
ulang secara otomatis. Bila isinya tidak ada (kosong) nomer index-
nya adalah 1.
3. List – method ini akan menunjukkan text pada index yang akan dituju
sesuai dengan argument yang diberikan berupa nomer index.
4. ListIndex – method ini akan menunjukkan index yang ada pada objek
list.
5. Clear – method ini akan menghapus semua isi (tidak membutuhkan
argument).

10
Contoh :
Combo1.AddItem “Aisyah”

“Aisyah” adalah argument sebagai isi yang akan ditambahkan ke

dalam object Combo1.
List1.AddItem “Haidar”

“Haidar” adalah argument sebagai isi yang akan ditambahkan ke dalam

object List1.

List1.List (0) = “Haidar Ali”

Merubah isi dari objek list yang mempunyai nomor index 0 dengan
“Haidar Ali” .

List1.RemoveItem (0)

Property 0 adalah argument sebagai nomer index isi yang akan dihapus.
List1.Clear

Semua isi object List1 akan dihapus.

11
 Image Control

Berfungsi untuk menampilkan gambar. Format gambar yang

bisa diterima oleh VB 6.0 : BMP, CUR (untuk menggambar cursor),
GIF, EMF, JPG, dan WMF.

Cara menampilkan gambar :

1. Fase desain
• Pilih komponen image lalu pilih property picture pada
jendela property
• Tekan tombol elipsis (…) untuk memilih file gambar yang
akan ditampilkan
2. Fase runtime
Menggunakan method loadpicture(path dari file gambar).
Contoh:
Image1.picture = loadpicture(“d:\ contoh.bmp”)

12
Ciri dari Image Cotrol :
• Tidak memiliki method grafik
• Tidak memiliki property autoredraw
• Property stretch digunakan untuk merubah ukuran image agar
mengikuti ukuran dari kontrol image
• Imagecontrol lebih baik dibanding picture box dalam hal:
a. Performance yang lebih baik
b. Menggunakan lebih sedikit memori

13
 Picture Box
Perbedaan dengan image control :
1. Memiliki method grafik seperti paintpicture
2. Dapat digunakan sebagai container, misalnya untuk
menampilkan gambar pada form MDI
3. Tidak punya property stretch

File gambar yang bisa masuk ke picture box:

- BMP -GIF
- ICO -CUR
- JPG

Property picture box :

• Autoredraw, digunakan untuk mengeluarkan gambar
• Autosize, digunakan untuk merubah ukuran picture box
mengikuti ukuran gambar
• Picture, digunakan untukmemilih gambar yang akan
ditampilkan pada picture box
14
Menampilkan gambar
• Fase desain
Menggunakan property picture pada jendela property
• Fase runtime
Menggunakan method loadpicture(path dari file gambar). Contoh:
Picture1.picture = loadpicture(“d:\contoh.bmp”)
Picture1.picture = loadpicture(label1.caption)
Picture1.paintpicture loadpicture(“d:\contoh.bmp”), 0,0, Picture1.ScaleWidth,
Picture1.ScaleHeight

Menyalin gambar
• Picture2.picture = picture1.picture

Menghapus gambar
• Hanya untuk picture yang diload dengan paintpicture
• Picture3.cls

15
 Konvensi Penamaan Untuk Kontrol
• Perhatikan bahwa nama textbox diawali dengan "txt", label
dengan "LBL", dan tombol perintah dengan "cmd". Ini
mengikuti konvensi penamaan standar untuk kontrol.
• Berikut adalah tabel daftar beberapa kontrol yang umum
digunakan dan prefiks yang direkomendasikan:
Tipe Kontrol Awalan Contoh
Check box CHK chkReadOnly
Combo box CBO cboEnglish
Command button cmd cmdExit
Common dialog dlg dlgFileOpen
Date picker dtp dtpPublished
Directory list box dir dirSource
Drive list box drv drvTarget
File list box fil filSource
From FRM frmEntry

16
 Tipe Kontrol Awalan Contoh
Frame fra fraLanguage
Grid GRD grdPrices
Horizontal scroll bar HSB hsbVolume
Image img imgIcon
Image combo IMC imcProduct
Imagelist IML imlAllIcons
Label LBL lblHelpMessage
List Box lst lstPolicyCodes
ListView LVW lvwHeadings
Masked Edit msk mskPhoneNbr
Menu mnu mnuFileOpen
Month view mvw mvwPeriod
MS Chard CHT chtSalesbyRegion
MS Tab tab tabFirst
OLE Container ole oleWorksheet

17
 Tipe Kontrol Awalan Contoh
Option memilih optGender
Picture Box pic picVGA
Picture klip CLP clpToolbar
ProgressBar PRG prgLoadFile
RichTextBox RTB rtbReport
Shape shp shpCircle
Slider SLD sldScale
StatusBar SBR sbrDateTime
SysInfo sys sysMonitor
Tabstrip sdm tbsOptions
TextBox txt txtLastName
Timer TMR tmrAlarm
Toolbar TBR tbrActions
TreeView tvw tvwOrganization
Updown upd updDirection
Vertikal scroll bar VSB vsbRate
18