Transcript Pertemuan3

PERTEMUAN 3
Pemrograman Visual
Presented by :
Sity Aisyah, M.Kom
Email : [email protected]
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 desainwaktu 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.
2.
3.
4.
5.
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 indexnya 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:
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
menampilkan gambar pada form MDI
3. Tidak punya property stretch
untuk
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”),
Picture1.ScaleHeight
0,0, Picture1.ScaleWidth,
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
Praktek :
Modul Praktikum 3
19