IX. MENU - Pertemuan Ke 9 Menu

  IX. MENU Menu adalah kumpulan perintah, dikelompokkan menurut kesamaan prosesnya.

  Kelompok yang selalu ada adalah File, kemudian diikuti Edit (yang diletakkan  di Menu Bar). Selain di Menu Bar ada sebuah menu lain yang bisa ditampilkan pada bidang  kerja , yang disebut Pop up menu. Sarana pembuatan menu disebut Menu Editor. Dengan menu Editor kita bisa  dengan mudah menyusun menu bar, perintah-perintah menu, pemisah (seperator), kunci pemercepat ataupun jenis menu pop up.

Menu Utama Gambar 9.1 menunjukkan elemen sebuah menu utama

   Menu bar terletak dibawah title bar adalah tempat keberadaan menu, yang

   menampilkan Menu Title.

  Menu title Menu bar

  Menu item Shortcut

  Submenu title Submenu item

  Separator bar Menu

Gambar 9.1 Elemen Menu Visual Basic

   Kalau kita klik menu title (misalnya File), sebuah daftar yang mengandung perintah-perintah (Menu Item) terbuka ke bawah. Menu Item terdiri dari perintah-perintah (seperti New atau Exit), seperator bar,  dan submenu title. Masing-masing menu item memiliki fungsi tersendiri sesuai kode yang kita  pasangkan.

  Beberapa item menu akan menghasilkan proses langsung, misalnya Exit akan  langsung menutup program. Ada item menu yang masih ada perantaranya, yaitu berupa kotak dialog. Item  menu yang demikian akan ditandai dengan ellipsis (…) dibelakangnya. Contohnya perintah Save As … dari menu File.

Pop up Menu

  Item menu ini bisa berubah tergantung objek apa yang menampilkan menu ini.  Sifat demikian dikenal dengan konteks menu. Misalnya objek berupa teks akan  berbeda dengan objek.

• Menu Pop-up biasanya diaktifkan dengan mengklik kanan pada objek.

Gambar 9.2 menunjukkan konteks menu yang ditampilkan pada kotak edit. Gambar 9.2 Pop-up Menu

Menu Editor

   Menu Editor adalah kotak dialog yang bisa ditampilkan dengan memilih menu pada Toolbar, atau

Tools  Menu Editor atau klik icon Menu Editor menekan tombol keyboard Ctrl + E. yang ditunjukkan pada gambar 9.3

   Dengan menu Editor kita bisa : menambah perintah baru, mengganti menu yang ada, membuat menu baru, membuat menu bar, mengubah atau menghapus menu bar yang sudah ada.

Gambar 9.3 Menu Editor

  Yang perlu diperhatikan : 1. Pada kotak Caption ketikkan teks yang ingin ditampilkan pada menu.

  2. Pada kotak Name ketikkan nama yang akan anda gunakan untuk pemanggilannya di code editor

  3. Tombol atau untuk mengubah posisi kontrol menu tersebut sebagai judul menu, item menu, judul submenu, item submenu, dan seterusnya.

  4. Klik Next untuk membuat menu kontrol lainnya,

  5. Klik Insert untuk menyisipkan kontrol menu yang baru antara kontrol menu yang sudah ada.

  6. Klik Delete untuk menghapus kontrol menu.

  7. Tombol atau untuk berpindah diantara kontrol-kontrol menu pada kotak daftar.

   Untuk melengkapi perancangan, anda memerlukan properties window untuk mengatur beberapa property menu.  Menu Editor telah menyediakan fasilitas yang memadai untuk membuat menu selengkapnya bisa dilihat pada tabel 9.1

Tabel 9.1 Fasilitas Menu Editor

  Properti Keterangan

  Menu Control Properties Menu Control List box Checked Untuk menampilkan tanda pemilihan. Tanda semacam ini diperlukan oleh perintah yang bersifat on-off, seperti perintah- perintah pada menu View Pilihan ini adalah properti menu, jadi selain memakai Menu Editor, kita juga mengubahnya memakai kode, sehingga bisa dilaksanakan saat program dijalankan. Nilainya adalah false atau True

  Help Ini adalah nomor pengenal yang akan digunakan kode ContextID dalam mngaitkan topic yang sesuai pada Help. Anda harus memperhatikan nomor Id-nya agar tidak terjadi salah informasi Help. Index Selain penamaan secara manual, kita juga bia memberi nama item menu melaui kode, yaitu dengan array. Nah, properti Index inilah yang akan mengaitkan ke masing- masing elemen array. Anda harus memperhatikan masing- masing nomor indeksnya agar tidak terjadi salah proses. Shortcut Adalah daftar kombinasi tombol yang bisa kita gunakan untuk membuat kunci pemercepat Window Untuk penentuan window mana yang akan menggunakan List menu. Hal ini pelu ditentuklan pada aplikasi yang menggunakan banyak window, yaitu MDI (Multiple

  Document Interface)

Contoh : Membuat Pull Down Menu Kita akan menyusun empat menu, yaitu File, Edit, View, dan Help 1. Buat proyek baru, simpan dengan nama PrjMenu.vbp dan frmMenu.frm

  2. Tekan Ctrl + E untuk membuka Menu Editor.

  

3. Kursor aktif pada Kotak Caption, tuliskan &File dengan Shortcut Alt + F,

hasilnya adalah File.

  

4. Kemudian kursor ke kotak Name, tuliskan mnFile . Penamaan ini telah

  memenuhi standar penamaan item menu yaitu mnu, lalu diikuti dengan nama item.

  

5. Sehingga menu File akan bernama mnuFile, Edit bernama mnuEdit, dan

seterusnya.

  6. Nama yang disimpan pada menu Editor akan sama dengan di Code Editor.

  

7. Kemudian tuliskan &Edit dengan nama mnuEdit. Klik Next. Dan seterusnya

  sampai dengan menu &Help dengan nama mnuHelp. Hasilnya tampak pada gambar 9.4

Gambar 9.4 Penulisan menu dan hasil pada form

Perintah pada Pull-Down Menu

  

4 Menu Title , kita mengisinya dengan perintah-perintah. Misalnya menu File

akan mengandung :

   Perintah New  Perintah Open dengan Shortcut Ctrl-O  Perintah Close  Sebuah separator bar  Perintah Exit Kita akan menggunakan tombol-tombol : Insert, Delete, , .

  

1. Untuk menyisipkan item tertentu kita harus berada ke item sesudahnya bukan

  sebelumnya. Contoh perintah New diantara menu &File dan &Edit, maka kita menekan tombol , arahkan penyorotan ke menu &Edit, lalu klik tombol Insert. Maka ada ruang untuk penulisan item menu.

  

2. Karena kita akan mesisipkan item perintah bukan item menu, maka tekan

tombol , sehingga ruang penulisan menjorok kanan.

  

3. Pindahkan kursor ke kotak Caption dan tuliskan &New. Lalu tekan Tab

sehingga kursor pindah ke kotak Name, tuliskan mnuFileNew.

  

4. Klik &Edit atau klik Next dan klik Insert untuk mengisikan item perintah

  berikutnya (&Open bernama mnuFileOpen). Lalu klik daftar Shortcut dan pilihlah Ctrl – O. Hasil sementaranya adalah :

Gambar 9.5 Penulisan item perintah

  5. Klik &Edit atau klik Next untuk menyisipkan separator bar yang berguna untuk sebagai pemisah item. Pada kotak Caption kita isi tanda  dengan nama

  mnuFileBar1. Letak item ini harus berada dibawah item perintah bukan dibawah item menu jadi harus menekan tombol .

  6. kemudian sisipkan item E&Xit bernama mnuFileExit. Hasilnya seperti gambar dibawah ini :

Gambar 9.6 Hasil pemasangan perintah

  

Untuk menambahkan tanda centang (  ) yang menandai pemilihan perintah,

kita harus mengaktifkan property Checked.

  1. Tambahkan item perintah pada menu View. Perintah tersebut misalnya O&bject dan bernama mnuViewObject.

  2. Kemudian klik property Checked, lalu klik OK. Hasilnya perintah tersebut menampilkan tanda centang. Lihat gambar dibawah ini.

Gambar 9.7 Pemasangan Ckecked

  Memasang Kode pada Menu Disini kita akan memasangkan kode pada perintah-perintah pada komposisi menu.

  Contoh untuk penutupan program, perintahnya adalah :

  Unload Me Klik perintah Exit pada menu File, Code window membuka event procedure baru bernama mnuFileExit_Click ( ). Lalu tambahkan kode seperti berikut :

• Kita perlu mengatur property Visible agar tidak aktif, lalu menggunakan metode Pop up Menu untuk memanggil menu yang tidak visible tersebut.
• Event yang cocok dan sudah umum dipakai adalah MouseDown Button = 2, yaitu klik kanan mouse.

  Langkahnya : 1. Bukalah proyek sebelumnya, lalu aktifkan Menu Editor.

  2. Buatlah menu baru, misalnya berjudul Operation dan bernama mnuOperation.

  Lalu klik property Visible sehingga tanda centang hilang, seperti gambar dibawah ini :

Gambar 9.8 Menu Baru

  3. Kemudian buatlah item perintah Cop&y, &Paste dan E&xit. Seperti gambar diatas.

  4. Klik OK, Menu Editor tertutup.

  Private Sub mnuFileExit_Click( ) Unload Me End Sub

Membuat Pop up Menu

  5. Klik ganda form, Code Editor tampil. Pilihlah event MouseDown, lalu tuliskan kode berikut ini :

  Private Sub Form_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single ) If Button = 2 Then PopupMenu mnuOperation End Sub Maksudnya : Jika klik kanan pada program maka akan dipanggil metode PopupMenu yang mengaktifkan menu mnuOperation.

  6. Pada Code Editor, aktifkan mnuOpertionExit, lalu aktifkan event Click. Isi kodenya seperti berikut :

  Private Sub mnuOperationExit_Click( ) Unload Me End Sub

  7. Jalankan program dan klik kanan program, tampil pop up menu yang telah kita rancang, seperti gambar dibawah ini :

Gambar 9.9 Pop Up Menu tampil 8. Klik Exit, maka program akan tertutup.

   Pada aplikasi Mdi dikenal Window utama yang disebut Window Induk. Dan didalam Window Induk bisa dibuka window-window lainnya yang disebut

  Window Anak.

   Window anak bisa dikecilkan menjadi icon ataupun diperbesar sampai maksimal, namun tetap berada di dalam window induk.  Jadi icon yang terbentuk akan muncul dibagian bawah bidang window induk.

  Ukuran maksimalnya tidak bisa melebihi ukuran window induk.  Window anak juga tidak bisa memiliki menu bar atau toolbar.  Tidak semua anak yang terbuka bisa diaktifkan sekaligus, hanya satu saja, ditandai dengan perubahan warna caption barnya.

Membuat Window Induk

  Langkahnya :

  1. Hapuslah semua form atau objek yang ada 2.

  Setelah bidang kerja kosong, aktifkan perintah Project  Add MDIForm, tampil kotak dialog Add MDIForm. Lihat gambar dibawah ini :

Gambar 9.10 Kotak dialog Add MDIForm

  3. Klik Open, terbentuklah sebuah form khusus. Berwarna agak gelap dan anda tidak bisa memasangkan kontrol padanya.

Gambar 9.11 Form MDI

Membuat Window Anak

• Langkah membuat Window anak hampir sama dengan pembuatan window induk, hanya berbeda pada pilihan jenis dan property MDIChild.
• Kita akan membuatwindow anak Form2, Form3, dan Form4 Langkahnya : 1.

  Pilih Project  Add Form, tampil kotak dialog Add Form.

Gambar 9.12 Kotak Dialog Add Form 2. Klik Open, terbentuk form baru (Form2 misalnya).

  3. Kemudian aturlah property MDIChild menjadi True.

  4. Ulangi untuk Form3 dan Form4 .

  Hasilnya seperti gambar dibawah ini. Perhatikan Project Explorer disana terdapat empat form, sebuah MDIForm1 dan tiga buah form anak.

Gambar 9.13 Pembuatan Window induk dan anak

  5. Buatlah sebuah menu Open dengan perintah Form2, Form3, dan Form4. Seperti yang dituangkan pada Menu Editor gambar sebelah kiri. Hasil pemasangan menu dan perintahnya tamapak pada gambar sebelah kanan.

Gambar 9.14 Rancangan menu dan hasilnya

  6. Pasangkanlah kode untuk masing-masing perintah, yaitu dengan memanfaatkan metode Show, seperti berikut :

  Private Sub mnuOpenForm2_Click ( ) Form1.Show End Sub

Susunan Window Anak

• MDI menyediakan metode Arrange yang berguna untuk mengatur susunannya agar rapi.
• Metode Arrange memiliki beberapa susunan yang dinyatakan nilai angka atau pernyataan, yaitu vb Cascade, vb TileHorizontal, vb Tile Vertical dan vb ArrangeIcon.
• Buat sebuah menu Window dengan perintah Tile Horizontal, Tile Vertical dan

  Cascade. Susunannya seperti berikut :

Gambar 9.15 Rancangan menu

  Tile

   Posisi Tile adalah window-window saling berjajar, seperti ubin, jadi tidak ada yang saling menumpuk.

   Posisi ini menampilkan seluruh permukaan window anak yang terbuka.

   Jika banyak window yang terbuka maka akan tampil dalam ukuran kecil.

  Tile Vertikal

   Metode yang digunakan adalah Arrange dengan nilai vb TileVertical atau 2, misalnya seperti berikut :

  Private Sub mnuWindowTileVertical ( ) MDIForm1.Arrange 2 End Sub

   Kalau program dijalankan, lalu ketiga window anak dibuka dan perintah window  Tile  Vertical dijalankan, maka hasilnya seperti dibawah ini :

Gambar 9.16 Tile Vertical

  Tile Vertikal

   Metode yang digunakan adalah Arrange dengan nilai vb TileVertical atau 1, misalnya seperti berikut :

    Kalau program dijalankan, lalu ketiga window anak dibuka dan perintah window  Tile  Horizontal dijalankan, maka hasilnya seperti dibawah ini :

Gambar 9.17 Tile Horizontal

  Private Sub mnuWindowTileHorizontal ( ) MDIForm1.Arrange 1 End Sub Private Sub mnuWindowTileHorizontal ( ) Me.Arrange 1 End Sub

• Pernyataan Me bisa menggantikan MDIForm1 sebab perintah itu pengakses perintah yang menerima proses adalah sama.
• Maka kode diatas dapat diubah seperti dibawah ini, dimana hasilnya tetap sama.

  Cascade

   Posisi Cascade adalah posisi saling menumpuk dengan window aktif terletak paling atas.

   Tumpukan masih menyisakan judul window, sehingga window yang terbuka lebih dulu masih bisa kelihatan meskipun ada dibawah.

   Metode Arrange dengan nilai 0 atau vbCascade. Contohnya seperti berikut : Hasilnya seperti berikut :

Gambar 9.18 Cascade

  Private Sub mnuWindowCascade ( ) MDIForm1.Arrange 0 End Sub