MENU BAR DAN MAIN FROM
Menubar
Menu bar adalah balok yang berisi menu yang akan digunakan untuk mengeksekusi perintah dalam suatu sistem informasi.
1.Menu Bar, digunakan untuk memilih tugas-tugas tertentu seperti menyimpan project, membuka project, dan lain-lain
2.Main Toolbar, digunakan untuk melakukan tugas-tugas tertentu dengan cepat
3. Form Designer, jendela ini merupakan tempat untuk merancang user interface dari aplikasi. Jadi jendela ini menyerupai kanvas bagi seorang pelukis
4. Project Window, jendela ini berisi gambaran dari semua modul yang terdapat dalam aplikasi. Juga dapat digunakan icon Toggle Folders untuk menampilkan modul-modul dalam jendela tersebut secara di group atau berurut berdasarkan nama. Juga dapat menggunakan icon Ctrl+R untuk menampilkan jendela project, ataupun menggunakan icon Project Explorer
5. Toolbox, jendela ini berisi komponen-komponen yang dapat digunakan untuk mengembangkan user interface. Berikut ini adalah gambar toolbox.
Gambar vb2
Keterangan gambar toolbox :
a. Pointer bukan merupakan suatu kontrol; gunakan icon ini ketika ingin memilih kontrol yang sudah berada pada form
b. Picture Box adalah kontrol yang digunakan untuk menampilkan image dengan format : BMP, DIB (bitmap), ICO (icon), CUR (cursor), WMF (metafile), EMF (enhanced metafile), GIF dan JPEG
c. Label adalah kontrol yang digunakan untuk menampilkan teks yang tidak dapat diperbaiki oleh pemakai
d. Text Box adalah kontrol yang mengandung string yang dapat diperbaiki oleh pemakai, dapat berupa satu baris tunggal atau banyak baris
e. Frame adalah kontrol yang digunakan sebagai kontainer bagi kontrol lainnya
f. Command Button merupakan kontrol yang hampir ditemukan pada setiap form dan digunakan untuk membangkitkan event proses tertentu ketika pemakai melakukan klik padanya
g. Check Box digunakan untuk pilihan yang isinya berisi yes/no, true/false
h. Option Button sering digunakan lebih dari satu sebagai pilihan terhadap beberapa option yang hanya dapat dipilih satu
i. List Box mengandung sejumlah item dan user dapat memilih lebih dari satu (bergantung pada property multi select)
j. Combo Box merupakan kombinasi dari text box dan list box dimana pemasukan data dapat dilakukan dengan pengetikan maupun pemilihan
k. Hscroll Bar dan Vscroll Bar digunakan untuk membentuk scroll bar berdiri sendiri
l. Timer digunakan untuk proses background yang diaktifkan berdasarkan interval waktu tertentu. Merupakan kontrol non-visual
m. Drive List Box, Dir List Box dan File List Box sering digunakan untuk membentuk dialog box yang berkaitan dengan file
m. Shape dan Line digunakan untuk menampilkan bentuk seperti garis, persegi, bulatan dan oval
o. Image berfungsi menyerupai image box, tetapi tidak dapat digunakan sebagai kontainer bagi kontrol lainnya. Sesuatu yangperlu diketahui bahwa kontrol image menggunakan resource yang lebih kecil dibandingkan dengan picture box
p. Data digunakan untuk data binding
q. OLE dapat digunakan sebagai tempat bagi program eksternal seperti Microsoft Excel, Word, dll
6. Code Window, merupakan tempat untuk menulis koding. Untuk menampilkan jendela ini dapat juga dengan menggunakan kombinasi Shift+F7
7. Properties Window, merupakan daftar properti-properti object yang sedang terpilih. Sebagai contohnya dapat diubah warna tulisan (foreground) dan warna latar belakang (background). Untuk menampilkan jendela properti dapat menggunakan tombol F4
8 Form Layout Window, akan menunjukkan bagaimana form bersangkutan ditampilkan ketika runtime
3. Form Designer, jendela ini merupakan tempat untuk merancang user interface dari aplikasi. Jadi jendela ini menyerupai kanvas bagi seorang pelukis
4. Project Window, jendela ini berisi gambaran dari semua modul yang terdapat dalam aplikasi. Juga dapat digunakan icon Toggle Folders untuk menampilkan modul-modul dalam jendela tersebut secara di group atau berurut berdasarkan nama. Juga dapat menggunakan icon Ctrl+R untuk menampilkan jendela project, ataupun menggunakan icon Project Explorer
5. Toolbox, jendela ini berisi komponen-komponen yang dapat digunakan untuk mengembangkan user interface. Berikut ini adalah gambar toolbox.
Gambar vb2
Keterangan gambar toolbox :
a. Pointer bukan merupakan suatu kontrol; gunakan icon ini ketika ingin memilih kontrol yang sudah berada pada form
b. Picture Box adalah kontrol yang digunakan untuk menampilkan image dengan format : BMP, DIB (bitmap), ICO (icon), CUR (cursor), WMF (metafile), EMF (enhanced metafile), GIF dan JPEG
c. Label adalah kontrol yang digunakan untuk menampilkan teks yang tidak dapat diperbaiki oleh pemakai
d. Text Box adalah kontrol yang mengandung string yang dapat diperbaiki oleh pemakai, dapat berupa satu baris tunggal atau banyak baris
e. Frame adalah kontrol yang digunakan sebagai kontainer bagi kontrol lainnya
f. Command Button merupakan kontrol yang hampir ditemukan pada setiap form dan digunakan untuk membangkitkan event proses tertentu ketika pemakai melakukan klik padanya
g. Check Box digunakan untuk pilihan yang isinya berisi yes/no, true/false
h. Option Button sering digunakan lebih dari satu sebagai pilihan terhadap beberapa option yang hanya dapat dipilih satu
i. List Box mengandung sejumlah item dan user dapat memilih lebih dari satu (bergantung pada property multi select)
j. Combo Box merupakan kombinasi dari text box dan list box dimana pemasukan data dapat dilakukan dengan pengetikan maupun pemilihan
k. Hscroll Bar dan Vscroll Bar digunakan untuk membentuk scroll bar berdiri sendiri
l. Timer digunakan untuk proses background yang diaktifkan berdasarkan interval waktu tertentu. Merupakan kontrol non-visual
m. Drive List Box, Dir List Box dan File List Box sering digunakan untuk membentuk dialog box yang berkaitan dengan file
m. Shape dan Line digunakan untuk menampilkan bentuk seperti garis, persegi, bulatan dan oval
o. Image berfungsi menyerupai image box, tetapi tidak dapat digunakan sebagai kontainer bagi kontrol lainnya. Sesuatu yangperlu diketahui bahwa kontrol image menggunakan resource yang lebih kecil dibandingkan dengan picture box
p. Data digunakan untuk data binding
q. OLE dapat digunakan sebagai tempat bagi program eksternal seperti Microsoft Excel, Word, dll
6. Code Window, merupakan tempat untuk menulis koding. Untuk menampilkan jendela ini dapat juga dengan menggunakan kombinasi Shift+F7
7. Properties Window, merupakan daftar properti-properti object yang sedang terpilih. Sebagai contohnya dapat diubah warna tulisan (foreground) dan warna latar belakang (background). Untuk menampilkan jendela properti dapat menggunakan tombol F4
8 Form Layout Window, akan menunjukkan bagaimana form bersangkutan ditampilkan ketika runtime
MenuStrip
Setiap aplikasi pasti terdapat menu untuk memilih atau mengaktifkan suatu proses/perintah yang diinginkan user. Menu strip adalah salah satu penyajian menu perintah yang sering dipakai oleh programer.
Untukmembuat menu pada form kitadapatmenggunakannkomponenpadaToolBoxberupaMenuStrip, biasanya menu digunakanuntukaksesfitur-fiturdariaplikasi yang kitabuatdanditempatkanpada form utamasuatuprogra. Bayangkamjikafitur yang kitabuatdalamsebuah program begitubanyakdankompleks, makatidakmungkinbagikitamenggunakan control berupa Button atausejenisnyakedalamtubuh Form karenaakanmemperjelektampilandari Form utamaitusendiri. UntukmenagtasihaltersebutmakakitadapatmengunakankomponenMenuStripuntukmenampilkansemuafitrudengantampilandorpdown menu daribagianatas form.
menustrip merupakan induk dari semua Form yang ada, atau dalam arti lain adalah antarmuka pengguna khas di mana setiap dokumen dalam aplikasi ditampilkan dalam jendela anak terpisah dalam wilayah klien dari jendela utama aplikasi.
Ada 3 komponen dari suatu menu strip yaitu :
- Images / gambar dari menu
- Access keys / tombol keyboard untuk mengaktifkan suatu menu. Contohnya kombinasi Alt dan F untuk mengaktifkan menu File di Ms. Word.
- Shortcut keys / jalan pintas dengan menggunakan kombinasi tombol keyboard untuk mengaktifkan suatu perintah yang sering digunakan.
Contohnya Ctrl dan C untuk mengcopy suatu teks atau gambar pada
perintah di Ms. Word.
Menambahkan Menu Strip
UntukmenambahkansebuahMenuStripkedalam form yang akankitainginkan, makakitadapatmemilihobjektersebutdariToolBox yang dikelompokkanpadaMenus&Toolbar.
Mengatur Item MenuStrip
Cara untuk membuat menu strip adalah sbb :
1. Pada form yang aktif drag drop icon menu strip sbb :
2. From yang telah diberi menu strip akan berbentuk seperti ini :
3. Untuk membuat menu utama adalah sbb :
a. Tuliskan pada bagian Type Here kemudian tekan enter.
b. Untuk menulis menu utama yang lain tekan tombol -> berpindah kesisi kanan sebelahnya.
4. Sedangkan membuat sub menu caranya adalah sbb :
a. Pada menu utama tekan tombol panah bawah.
b. Tuliskan pada bagian Type Here kemudian tekan enter.
c. Untuk menulis sub menu yang lain tekan tombol panah bawah.
5. Sedangkan membuat sub sub menu caranya adalah sbb :
a. Pada sub menu tekan tombol panah kanan.
b. Tuliskan pada bagian Type Here kemudian tekan enter.
c. Untuk menulis sub-sub menu yang lain tekan tombol panah bawah
Memberi Access Keys Pada Menu Strip
Kita dapat menambahkan Access keys / tombol keyboard untuk mengaktifkan
suatu menu pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sbb :
1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi Access
keys.
2. Pilih properties text kemudian tambahkan simbol & disamping kiri huruf di
nama Menu Utama, Sub Menu atau Sub Sub Menu yang akan dijadikan
tombol Access keys.
3. Misalkan pada menu File access key-nya adalah kombinasi tombol Alt dan
Huruf F maka simbol & diletakkan disamping kiri huruf F pada File.
4. Tampilan menu yang telah diberi Access keys akan ada garis bawah adalah
sbb :
Menambah Icon Pada Menu Strip
Kita dapat menambahkan icon/gambar pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sbb :
1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi icon.
2. Pilih properties image dan klik tombol ini :
3. Muncul dialog window Select Resource
4. Pilih Project resources file kemudian klik tombol Import untuk mencari icon/gambar yang akan dipasang.
5. Pilih icon yang diinginkan dengan mengklik file-file di suatu folder tertentu kemudian tekan tombol Open.
6. Di dialog window Select Resource pada pilihan Project resources file akan muncul nama-nama icon yang anda pilih kemudian klik salah satu.
7. Setelah itu klik tombol OK maka gambar icon tersebut akan berada disamping Menu Utama, Sub Menu atau Sub Sub Menu yang diiginkan.
Memberi Tombol Short Cut Pada Menu Strip
Kita dapat menambahkan tombol short cut untuk mengaktifkan suatu perintah
pada Sub Menu atau Sub Sub Menu secara langsung. Caranya adalah sbb :
1. Klik Sub Menu atau Sub Sub Menu yang akan diberi short cut.
2. Pilih properties ShortcutKeys dan klik combo box-nya
3. Isikan kombinasi tombol keyboardnya semisal Ctrl dan M.
4. Tampilan properties ShortcutKeys setelah diisi tombol short cut.
5. Jika short cut ingin ditampilakn disamping nama menunya maka properties
ShowShortcutKeys diberi nilai True.
6. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi short cut
Memberi Tanda Cek Pada Menu Strip
Kita dapat menambahkan tanda cek (centang) pada samping Sub Menu atau
Sub Sub Menu yang sedang diaktifkan. Tanda cek (centang) akan terlihat pada saat
aplikasi dijalankan jadi pada tahap desain tanda ini tidak terlihat. Cara untuk memberi
tanda cek adalah sbb :
1. Klik Sub Menu atau Sub Sub Menu yang akan diberi tanda cek.
2. Pilih properties CheckOnClick dan isikan nilai true
3. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi tanda cek pada
saat aplikasi dijalankan
Memberi Kode Pada Menu Strip
Agar menu, sub menu atau sub sub menu dapat melakukan perintah yang
diinginkan maka harus diberi kode program. Cara memberi kode programa adalah sbb :
1. Double Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi kode
program. Contoh pada sub sub menu Main double klik.
2. Isikan kode program-nya contohnya seperti ini:
Private Sub MainToolStripMenuItem_Click(ByVal sender As
System.Object, ByVal e As System.EventArgs) Handles
MainToolStripMenuItem.Click
MsgBox(“Anda menekan sub sub menu Main”, , “Contoh Menu”)
End Sub
3. Jalankan aplikasi dengan menekan F5.
4. Pilih menu View
5. Pilih sub menu Toolbars.
6. Klik sub sub menu Main maka akan muncul message box sbb :
7. Karena sub sub menu Main mempunyai shortcut maka anda bisa langsung
menekan tombol Ctrl + M.
Memberi Keterangan/Petunjuk Pada Menu Strip
Kita dapat menambahkan petunjuk/keterangan pada Menu, Sub Menu atau Sub
Sub Menu ketika pointer mouse dihentikan agak lama di tulisan Menu, Sub Menu atau
Sub Sub Menu. Petunjuk/keterangan akan terlihat pada saat aplikasi dijalankan jadi pada
tahap desain petunjuk/keterangan ini tidak terlihat. Cara untuk memberi
petunjuk\keterangan adalah sbb :
1. Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi
petunjuk/keterangan.
2. Pilih properties ToolTipText dan isikan kata-kata petunjuknya.
3. Tampilan Menu,Sub Menu atau Sub Sub Menu yang telah diberi
petunjuk/keterangan pada saat aplikasi dijalankan adalah sbb :
Membuat Context Menu
Context Menu adalah suatu menu strip yang muncul jika user mengklik tombol
kanan mouse di atas form atau control. Contoh context menu adalah sbb :
Untuk membuat context menu caranya adalah sbb :
1. Pada form yang aktif drag drop icon context menu strip sbb :
2. From yang telah diberi menu strip akan berbentuk seperti ini :
3. Untuk membuat menu utama pada context menu adalah sbb :
a. Tuliskan pada bagian Type Here kemudian tekan enter. Contoh ketikan FILE dan MAIN.
b. Untuk menulis menu utama yang lain tekan tombol panah bawah untuk berpindah kebawah.
4. Sedangkan membuat sub menu caranya adalah sbb :
a. Pada menu utama tekan tombol panah kanan.
b. Tuliskan pada bagian Type Here kemudian tekan enter.
c. Untuk menulis sub menu yang lain tekan tombol panah bawah.
5. Sedangkan membuat sub sub menu caranya adalah sbb :
b. Pada sub menu tekan tombol panah kanan.
c. Tuliskan pada bagian Type Here kemudian tekan enter.
d. Untuk menulis subsub menu yang lain tekan tombol panah
bawah.
6. Langkah berikutnya adalah menseting form agar bisa menjalankan context
menu. Dalam hal ini form yang di seting karena kita akan menjalankan
context menu di form. Jika kita ingin menjalankan context menu pada
control text box maka text box yang diseting.
7. Pada properties ContextMenuStrip di form pilih nama context menu-nya.
8. Jalankan form tsb dengan menekan tombol F5.
9. Klik tombol mouse kanan pada form tersebut maka akan muncul context
menu sbb :
Tidak ada komentar:
Posting Komentar