GUI Design Event-Driven Programming Basic Windows Controls

Presentasi berjudul: "GUI Design Event-Driven Programming Basic Windows Controls"— Transcript presentasi:

1 GUI Design Event-Driven Programming Basic Windows Controls
Nandang Hermanto

2 Merancang Tampilan GUI
Pilih control yang diperlukan pada toolbox kemudian atur tata letaknya pada form Atur propertis sesuai kebutuhan

3 Menulis kode program VB adalah pemrograman yang berbasis pada kejadian
Untuk membuat program double click pada control yang akan diberi kode program Pilih kejadian yang akan diisi program Tuliskan program pada kejadian tersebut Nama kejadian Nama control Tuliskan program disini

4 Adalah control yang umum / sering digunakan dalam pembuatan program
Control / Obyek Dasar Adalah control yang umum / sering digunakan dalam pembuatan program

5 Form Form adalah tempat untuk menempatkan kontrol atau objek, form ini nantinya akan menjadi latar belakang sebuah aplikasi. Sebagai sebuah objek form ini juga memiliki properti, Mothod serta event, sama seperti objek-objek atau kontrol-kontrol yang lain.

6 Menambahkan Form Project - Add windows Form
Atau Add new item kemudian pilih add windows Form , Atau click kanan-add Windows form pada solution explorer

7 Menghapus Form Pilih jendela form yang ingin dihapus atau dibuang dari proyek. Pilih menu Project-exclude from project Atau klik kanan pada form yang terdapat pada jendela solution explorer, kemudian pilih delete Exclude : hanya mengeluarkan dari projek

8 Properties dasar pada form
Acceptbutton : tombol yang ditekekan jika ditekan enter Autoscroll : true kontrol yang tidak terlihat bisa dilihat dengan cara scroll Backcolor : warna dasar Backgroundimage : gambar latar belakang Backgroundimagelayout : tataletak gambar latar Canclebutton : tombol yang ditekan jika ditekan esc Controlbox : ada controlbox atau tidak Formborderstyle : jenis bingkai Font : jenis huruf Opacity : transparansi Start position : posisi awal form saat dijalankan Text : titlebar Windowstate : ukuran windows saat pertama dijalankan Cursor : bentuk penunjuk mouse

9 Event Form Load : biasanya berisi kode program untuk inisialisasi, seperti pemberian nilai pada variabel, pemberian nilai pada properti dsb. Activeated : saat form diaktifkan Click

10 Metode Form Show : berfungsi untuk menampilkan form pada layar (memanggil sebuah form). Format : NamaForm.Show Contoh : FrmUtama.Show Hide : berfungsi untuk menyembunyikan form. NamaForm.Hide FormUtama.Hide

11 LABEL Label lebih sering digunakan untuk menampilkan judul, teks, penjelasan disebelah kotak teks, keterangan dsb. Untuk menggunakan label ini digunakan kontrol Label dari toolbox, pada umumnya yang harus diset pada kontrol label hanyalah propertinya saja, seperti ukuran, warna, dsb.

12 Properti dasar label Autosize : menyesuaikan ukuran dengan isinya
Backcolor : Borderstyle Cursor : bentuk penunjuk mouse Font : Image : Text : Textalign Visible : terlihat /tidak terlihat

13 Even dasar label Click MouseDoubleClick

14 Method pada Label Resettext:menghapus tulisan

15 TEXTBOX Adalah control utama untuk menampilkan tulisan atau memasukan tulisan bisa berupa nama, alamat, umur, gaji,password dll Adalah text editor sederhana yang menyediakan fasilitas : menyisipkan, mencopy, menghapus, menggulung dll

16 Properti dasar textbox
TextAlign : perataan naskah MultiLine : banyak baris MaxLength : panjang maksimal, default = 32,767 jika diisi 0 maka = 2,147,483,647 ScrollBars : untuk menggulung tulisan, digunakan jika multiline diaktifkan dan atau wordwrap dimatikan WordWrap : tulisan akan dipotong kebawah otomatis jika batas kanan sudah habis, berlaku jika multiline aktif CharacterCasing : mengatur besar kecil tulisan PasswordChar : menggantil tulisan dengan karakter tertentu ReadOnly : hanya bisa dibaca Locked : tidak bisa dipindah saat desain Text : nilai yang ada pada textbox

17 Method pada textbox Appendtext : menambahkan tulisan Copy : Paste :

18 Button Objek ini hampir selalu hadir pada setiap aplikasi, fungsi dari kontrol ini biasanya untuk mengeksekusi perintah tertentu. Seperti Tombol OK, Cancel, Exit, Apply, Open dll. Contoh seperti gambar berikut :

19 Properti dasar button Enabled : bisa di akses / tidak bisa diakses
Forecolor : Image : Tabindex : nomor urut perhentian kursor (bisa diatur dengan view – taborder) Tabstop : dilewati / tidak dilewati saat tombol tab ditekan

20 Event pada Command Umumnya event yang sering digunakan adalah event click, biasanya event ini digunakan untuk menjalankan atau mengeksekusi suatu perintah tertentu. Seperti membuka jendela baru, keluar dari form, menerima input dari aplikasi dsb.

21 Metode pada Command Button
Hide Show