PROPERTIES DAN EVENT VISUAL BASIC 6.0

Membuat User Interface (UI) atau Tampilan Program

Aktikan VB6 Anda ( Start -> Program / All Program -> Microsoft Visual Studio 6.0 -> Microsoft Visual Basic 6.0).
Silahkan Anda kenali jenis - jenis komponen (Object) yang ada di dalam toolbox :

Pada jendela Form Buatlah tampilan seperti dibawah ini :

Cara Membuat :
Klik komponen Label yang ada pada toolbox, kemudian "gambar" Label pada area Form dengan cara lakukan Drag - Drop. Lakukan hal yang sama untuk semua komponen yang dibutuhkan.

Mengatur Properties Komponen (Object)

Kenali bagian - bagian dari jendela Properties

Kemudian atur nilai - nilai properties komponen (Object) sebagai berikut :

Komponen	Properties	Nilai
Form	Caption	Proyek Pertamaku
Label1	Aligment	1. Right Justify
	BorderStyle	1. Fixed Single
	Caption	&Isikan Nama Anda :
Text1	Text
Label2	Caption	Nama Anda :
Label3	Aligment	2. Cemter
	BackColor	Klik Tab Pallet -> Pilih Putih
	Font	Font : Arial  Font Style : Bold  Size : 20
	Height	615
Command1	Caption	&Tampilkan
Command2	Caption	&Keluar

Sehingga tampilan di jendela Form Anda akan tampak seperti gambar dibawah ini :

Menuliskan Listing (Code) Program

Untuk menampilkan jendela kode Anda bisa lakukan dengan cara klik View pada menubar kemudian pilih Code. Anda juga bisa lakukan dengan cara klik kanan pada jendela form, pilih View Code. Silahkan Anda kenali bagian - bagian dari jendela kode :

Pada Combo komponen di jendela kode Anda pilih Command1, kemudian akan tampil listing seperti dibawah ini :

Event Click merupakan event default dari komponen Command1, Anda bisa melihat event - event lain dari komponen Command1 pada combo event yang ada dalam jendela kode.

Program yang berbasis Windows bersifat event - driven yang berarti program bekerja berdasarkan event yang terjadi pada object di dalam program tersebut. Misalnya, jika seorang user meng-klik sebuah tombol maka program akan memberikan "reaksi" terhadap event klik tersebut. Program akan memberikan "reaksi" sesuai dengan kode - kode program yang dibuat untuk suatu event pada komponen (Object) tertentu.

Setelah itu Anda ketikkan Listing seperti dibawah ini :

Simpan Project Anda dengan cara klik menu File yang ada pada menubar kemudian pilih Save Project. Simpan Form1 dengan nama flatih1a.frm dan simpan Project1 dengan nama platih1.vbp. Di dalam folder project Anda terdapat beberapa bagian file yang terkait, antara lain : file project (*.vbp), File Form (*.frm), dan File Module (*.bas). Kemudian jalankan Project Anda dengan cara menekan F5.

Ketikkan Qhienas dalam TextBox kemudian klik tombol Tampilkan, maka tampilan program Anda akan seperti dibawah ini :

Jika ingin keluar dari program silahkan Anda klik Tombol Keluar

Penjelasan Kode Program :
Berikut diberikan penjelasan bagaimana cara kerja program sederhana diatas.

Pada tombol Keluar (Command2) terdapat Listing program berikut :

Listing End tergolong Method Form yang berarti memberhentikan program atau keluar dari program.

Sedangkan pada tombol Tampilkan terdapat listing program berikut :

Adapun maksud dari listing program diatas adalah, ketika user melakukan klik pada tombol Tampilkan maka isi tulisan Label3 (Label3.Caption) akan sama dengan isi tulisan pada Text1 (Text1.Text). Properties Caption yang ada pada komponen Label berfungsi untuk menampilkan tulisan tertentu pada komponen yang bersangkutan. Untuk lebih memahaminya silahkan Anda tambahkan satu komponen CommandButton pada Form Anda dan atur nilai Properties CommandButton yang barusan Anda buat seperti dibawah ini :

Komponen	Properties	Nilai
Command3	Caption	T&ampilkan Namaku

Sehingga tampilan jendela Form Anda seperti dibawah ini :

Tampilkan jendela kode (View -> Code) di Combo komponen yang ada pada jendela kode pilih Command3, atau lakukan double klik tombol Command3 pada form. Setelah itu ketikkan Listing dibawah ini :

Simpan project Anda (File -> Save Project). Kemudian jalankan / execute program Anda dengan cara menekan F5. Setelah program Anda berhasil dijalankan tekan tombol Tampilkan Namaku. Komponen TextBox (Text1.Text) dan Label3 (Label3.Caption) akan berisi tulisan Muhammad. Hal itu terjadi karena kita menuliskan listing program berupa :

Yang mana arti dari listing tersebut adalah ketika user melakukan Click pada tombol Tampilkan Namaku maka komponen Text1 dan Label3 akan berisi tulisan Muhammad.
Menampilkan isi tulisan merupakan salah satu properties komponen Label, TextBox, Form, CommandButton, dll. Pada Label, Form dan CommandButton properties untuk menampilkan tulisan dikenal dengan Caption, sedangkan pada TextBox properties yang berguna untuk menampilkan tulisan dikenal dengan Text.

Dapat Dituliskan Syntax dari kode program yang memakai properties adalaha Namakomponen.Properties = Value

Perhatikan, setelah Anda mengetikkan titik (dot) dibelakang NamaKomponen maka VB6 akan menampilkan list yang berisi properties dan method dari NamaKomponen.

Fasilitas ini disebut Intellisense, dan sangat membantu Anda agar tidak salah mengetikkan Properties maupun Method dari NamaKomponen. Selain itu dalam penulisan NamaKomponen Anda juga dapat menggunkan Keyword CTRL+Spasi yang bertujuan untuk menampilkan fasilitas Intellisense, agar NamaKomponen yang Anda ketikkan tidak salah

Memodifikasi Program

Pastikan Anda masih dalam file Project platih1.vbp

Silahkan Anda menuju Form kemudian tambahkan komponen Frame, di dalam Frame Anda tambahkan 2 CheckBox dan 2 RadioButton. Atur komponen yang baru Anda tambahkan seperti gambar dibawah ini :

Kemudian Atur nilai - nilai properties komponen sebagai berikut :

Komponen	Properties	Nilai
Form	StartUpPostion	2-Center Screen
Frame	Caption	Atur Tampilan Font
Check1	Caption	Bold (Tebal)
Check2	Caption	Italic (Miring)
Option1	Caption	Warna Hitam
Option2	Caption	Warna Biru

Sehingga tampilan jendela Form Anda sebagai berikut :

buka jendela kode, dan ketikkan listing di bawah ini

Simpan platih.vbp (File -> Save Project). Kemudian jalankan program dengan cara menekan F5.

Form akan muncul ditengah, itu terjadi karena nilai properties dari StartUpPosition pada form telah dirubah menjadi 2-Center Screen yang artinya Form akan pertama kali muncul di tengah - tengah layar Anda.

Isi inputan Text1 kemudian tekan tombol Tampilkan. Ketika kita melakukan klik pada Check1 (Bold (Tebal) ), maka tulisan pada Label3 akan menjadi tebal, itu dikarenakan pada event Click komponen Check1 telah kita beri listing program berupa :

Yang mana arti dari listing diatas adalah, jika user melakukan klik pada Check1 dan Check1 dalam keadaan tercentang (Value = True) maka tulisan di Label3 akan tebal (Label3.FontBold=True), sebaliknya jika Check1 dalam keadaan tidak tercentang (Value=False) maka tulisan di Label3 tidak akan tebal (Label3.FontBold=False). Prinsip kerja listing itu sama dengan prinsip kerja listing pada Check2.

Dan ketika user melakukan klik pada Option2 (Warna Biru) maka tulisan di Label3 akan berubah menjadi warna biru, hal itu dikarenakan listing yang kita tulis pada komponen Option2 dengan Event klik

Yang mana arti dari listing program diatas adalah, jika user melakukan klik pada Option2 maka warna dari tulisan yang ada pada Label3 (Label3.ForeColor) akan berubah menjadi biru (vbBlue). Prinsip kerja listing program pada Option1 sama dengan prinsip kerja listing program yang ada pada Option2

Untuk mendownload Artikel diatas, silahkan klik disini