Robin: TUTORIAL MEMBUAT MENUSTRIPS

Menu Strips

Setiap aplikasi pasti terdapat menu untuk memilih atau mengaktifkan suatu proses atau perintah yang di inginkan user. Menu strip adalah salah satu penyajian menu perintah yang sering dipakai oleh programer.

Contoh menu strip di aplikasi Ms. Word adalah sebagai berikut:
1. Menu Utama:

2. Sub Menu dari Menu Utama Edit:

3. Sub Sub Menu dari Sub Menu Clear:

Ada 3 komponen dari suatu menu strip yaitu :
1. Images / gambar dari menu
2. Access keys / tombol keyboard untuk mengaktifkan suatu menu. Contohnya kombinasi Alt dan F
untuk mengaktifkan menu File di Ms. Word
3. 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.

Cara untuk membuat menu strip adalah sebagai berikut:
1. Pada form yang aktif drag drop icon menu strip sebagai berikut:

2. Form yang telah diberi menu strip akan berbentuk seperti ini:

Untuk membuat menu utama adalah sebagai berikut:
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 sebagai berikut :
    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 sebagai berikut:
    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.

Menambah Icon Pada Menu Strip

Kita dapat menambahkan icon/gambar pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sebagai berikut:

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 sebagai berikut:

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 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 sebagai berikut :

1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi Access keys.
2. Pilih properties text kemudian tambahkan simbol dan 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
dan diletakkan disamping kiri huruf F pada File. 4. Tampilan menu yang telah Access keys akan ada
garis bawah adalah sebagai berikut:

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 sebagai berikut:

1. Klik Sub Menu atau Sub Sub Menu yang akan diberi short cut.
2. Pilih properties Shortcut Keys dan klik combo box-nya maka akan muncul tampilan sebagai berikut:

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 Show Shortcut Keys
diberi nilai True.
6. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi short cut adalah sebagai berikut:

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 sebagai berikut :
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
adalah sebagai berikut:

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 atau keterangan akan terlihat pada saat aplikasi dijalankan jadi pada tahap desain petunjuk atau keterangan ini tidak terlihat. Cara untuk memberi petunjuk atau keterangan adalah sebagai berikut :

1. Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi petunjuk atau keterangan.
2. Pilih properties ToolTipText dan isikan kata-kata petunjuknya.

3. Tampilan Menu,Sub Menu atau Sub Sub Menu yang telah diberi petunjuk atau keterangan
pada saat aplikasi dijalankan adalah sebagai berikut:

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 sebagai berikut:
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.