Code Program Membuat User Interface(UI) pada Visual Basic

Aktifkan VB  melalui tombol Start, kenali jenis-jenis komponen (control) yang ada di dalam bagian ToolBox (baca : Toolbox Visual Basic).
Pada Jendela Form buatlah UI dengan cara :
Klik komponen Label di dalam ToolBox kemudian “gambar” object Label1 di dalam Form dengan cara
drag-drop. Lakukan langkah yang sama untuk object Label2. Object Text1 di-“gambar” menggunakan
komponen TextBox, sedangkan object Command1 dan Command2 menggunakan komponen Command
Button.



 Melalui Jendela Properties atur property setiap object sebagai berikut :

Object	Properties	Value
Form1	Caption StartUpPosition	Property Test 2 – CenterScreen
Label1	Caption	Tuliskan nama Anda :
Text1
Label2	Alignment BackColor Font	2 – Center Palette: <putih> Size: 24
Command1	Caption	OK
Command2	Caption	Selesai

 Buka Jendela Code dan kenali bagian-bagian di dalamnya (baca: Mengenal Coce Program VB) :
 

Program yang berbasis Windows bersifat event-driven, artinya 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” terhadapevent klik tersebut. Program akan memberikan “reaksi” sesuai dengan kode-kode program yang dibuat untuk suatu event pada object tertentu.
Pilih object Command1 pada bagian Object Selector. Secara otomatis pada bagian Code Editor akan muncul blok kode program berikut :

Private Sub Command1_Click()

End Sub

Event Click merupakan event default(standar) dari object Command1, Anda bisa melihat event lainnya pada bagian Event Selector.
Pada bagian Code Editor ketikkan kode programnya sebagai berikut :

Private Sub Command1_Click()
Label2.Caption = Text1.Text
End Sub

Private Sub Command2_Click()
End
End Sub

Simpan Project1 (nama file : Latihan.vbp) dan Form1 (nama file : Lat1.frm). VB 6 akan menyimpan
program yang Anda buat ke dalam beberapa file yang saling terkait, antara lain : file project (*.vbp), file
form (*.frm) dan file module (*.bas).

Coba jalankan Project1 dengan meng-klik tombol Start  pada bagian Toolbar atau tekan tombol F5 pada keyboard. Ketikkan “Salman” di dalam TextBox kemudian klik tombol OK. Maka akan tampil hasil sebagai berikut :



Bila ingin keluar klik tombol Selesai.

Penjelasan kode program :
Berikut diberikan penjelasan bagaimana cara kerja program sederhana di atas

Private Sub Command1_Click()
Label2.Caption = Text1.Text
End Sub

Ketika seorang usermeng-klik tombol OK (object Command1) maka isi tulisan pada object Label2 akan
sama dengan isi tulisan pada object Text1. Property Caption pada obyek Label2 digunakan untuk
menampilkan text tertentu di obyek tersebut.
Selanjutnya untuk keluar dari program dituliskan kode berikut :

Private Sub Command2_Click()
End
End Sub