1

PERTEMUAN 3Pemrograman

Visual

Presented by :Sity Aisyah, M.Kom

Email : dryesha@gmail.comBlog : 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