PERTEMUAN 3 Pemrograman Visual Presented by : Sity Aisyah, M.Kom Email : dryesha@gmail.com Blog : yeshasalsabila.blogspot.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

6 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 : 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). 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. List – method ini akan menunjukkan text pada index yang akan dituju sesuai dengan argument yang diberikan berupa nomer index. ListIndex – method ini akan menunjukkan index yang ada pada objek list. 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: Performance yang lebih baik 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 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

Menggunakan property picture pada jendela property Fase runtime 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

17 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

18 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

Praktek : Modul Praktikum 3 19