Download - PERTEMUAN 3 Pemrograman Visual
1
PERTEMUAN 3Pemrograman
Visual
Presented by :Sity Aisyah, M.Kom
Email : [email protected] : yeshasalsabila.blogspot.com
2
Pokok Bahasan :
Kontrol Dasar VB 6.0
3
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)
Properti Kontrol Visual Basic
4
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 KeteranganMove 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
5
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.
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.
7
Tombol Command, TextBox, dan Label• Tiga dari kontrol yang paling dasar yang terlibat dalam
membangun sebuah interface adalah tombol Command, TextBox, dan Label.
Contoh :
8
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.
9
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).
10
Tombol Combo Box, List BoxKomponen 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).
11
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.
12
Image ControlBerfungsi 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 ditampilkan2. Fase runtime
Menggunakan method loadpicture(path dari file gambar). Contoh:Image1.picture = loadpicture(“d:\ contoh.bmp”)
13
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
14
Picture BoxPerbedaan dengan image control :
1. Memiliki method grafik seperti paintpicture2. Dapat digunakan sebagai container, misalnya untuk
menampilkan gambar pada form MDI3. 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
15
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
16
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
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
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
19
Praktek :Modul Praktikum 3