MENU DAN TOOLBOX. Menu PopUp merupakan pengembangan dari menu yang ditampilkan di luar form, lepas dari menu bar.

Transkripsi

1 MENU DAN TOOLBOX Menu dalam sebuah aplikasi digunakan untuk mengelompokkan perintah-perintah sehingga pengguna mudah dalam memanggil perintah yang diinginkan. MENU BAR Menu Bar muncul di bawah title bar dalam form. Setiap item menu yang dapat dilihat oleh pengguna dapat merespon sebuah kontrol yang anda definisikan dari Menu Editor. Kontrol menu merupakan sebuah obyek yang telah memiliki properti yang dapat digunakan untuk mendefinisikan tampilan dan kemampuannya. Anda dapat mengatur properti Caption, Enabled, Visible, Checked, dan properti pengatur lain saat dijalankan. Kontrol menu hanya berisi sebuah event (kejadian). Kejadian tersebut adalah kejadian Click, yang dapat diakses saat kontrol menu dipilih dengan menggunakan mouse atau keyboard. MENU POPUP Menu PopUp merupakan pengembangan dari menu yang ditampilkan di luar form, lepas dari menu bar. Menu PoPup Item menu ditampilkan tepat di mana pointer penekanan mouse kanan dilakukan. Untuk itu menu PopUp juga dihubungkan dengan sebuah context menu. MENGGUNAKAN MENU EDITOR UNTUK MENDESAIN MENU Dengan menggunakan Menu Editor, anda dapat mendesain menu baru atau menambahkan perintah-perintah baru yang akan dijalankan dari menu yang ada, menambah atau menghapus item menu dari daftar menu yang ada. Di samping itu anda dapat mengatur menu secara interaktif dan komplit dengan sedikit pemrograman. Untuk menampilkan Menu Editor: Klik menu Tools, dan pilih pilihan Menu Editor atau tekan CTRL+E. Tampilan dari Menu Editor adalah sbb :

2 Dua properti penting untuk kontrol menu adalah : Name Untuk menentukan nama menu. Nama di sini adalah nama yang digunakan untuk mengacu kode dari pengontrol menu. Caption Untuk menuliskan atau menentukan teks yang akan tampak dalam kontrol. MENGGUNAKAN LIST BOX PADA MENU EDITOR Kontrol ListBox pada Menu Editor adalah untuk mendaftar semua kontrol menu untuk form yang aktif. Saat anda menuliskan item menu dalam textbox Caption, item tersebut juga tampak dalam listbox kontrol menu ini. Pemilihan kontrol menu dari listbox dapat anda lakukan untuk melakukan pengubahan properti kontrol atau item menu. Posisi kontrol menu dalam listbox kontrol menu menunjukkan dimana kontrol title menu, item menu, title submenu, atau item submenu. Kontrol menu yang tampak rata kiri dalam listbox akan ditampilkan dalam menu bar seperti title menu. Kontrol menu yang di-indent sekali dalam listbox akan ditampilkan dalam menu, saat pengguna mengklik title menu sebelumnya. Kontrol menu yang di-indent diikuti dengan kontrol menu peng-indent berikutnya, akan masuk sebagai title submenu. Kontrol menu yang di-indent di bawah title submenu masuk sebagai item submenu, demikian seterusnya. Kontrol menu dengan hypen (-) mengatur tampilan Separator Bar (merupakan item menu dalam grup logical). MEMBUAT OBYEK ATAU ITEM MENU Untuk membuat obyek atau item menu dalam Menu Editor, anda dapat mengikuti langkahlangkah berikut ini : 1. Pilih form yang akan dipasang dengan menu. 2. Dari menu Tools, pilih Menu Editor. Atau klik tombol Menu Editor yang ada pada toolbar. 3. Dalam textbox Caption, ketik teks untuk title menu yang pertama yang akan anda tampilkan dalam menu bar. Masukkan juga tanda ampersand (&) sebelum huruf key access untuk item menu. Huruf ini secara otomatis akan diberi garis bawah dalam menu. Teks title menu ditampilkan dalam listbox kontrol menu. 4. Dalam textbox Name, ketik nama yang akan anda gunakan untuk mengacu kontrol menu dalam kode. 5. Klik tombol panah kiri atau panah kanan untuk menentukan tingkat indentasi kontrol. 6. Atur properti lain untuk kontrol, jika anda ingin menentukannya. Anda dapat melakukan hal ini pada Menu Editor atau dalam Window Properties. 7. Pilih Next untuk membuat kontrol menu yang lain. Atau klik Insert untuk menambah kontrol atau item menu di antara kontrol yang suda ada. Anda juga dapat mengklik tombol panah ke atas atau tombol panah ke bawah untuk memindah item di antara kontrol atau item menu yang sudah ada. 8. Pilih OK untuk menutup Menu Editor setelah anda membuat semua kontrol menu untuk form yang bersangkutan. Title menu yang anda buat ditampilkan di atas form.

3 MEMISAHKAN ITEM MENU DENGAN SEPARATOR BAR Sebuah pemisah (separator bar) ditampilkan seperti garis horisontal antara item dalam menu. Dalam sebuah menu dengan beberapa item, anda dapat menggunakan separator bar untuk mengelompokkan item dalam grup logika. Sebagai contoh, menu Help menggunakan separator bar untuk mengelompokkan item menu dalam tiga grup, seperti tampak dalam gambar berikut. Separator Bar Untuk membuat separator bar dalam Menu Editor, anda dapat mengikuti cara-cara berikut ini : 1. Jika anda ingin menambah separator bar ke menu yang sudah ada, pilih Insert untuk menyisipkan kontrol menu antara item menu yang ingin anda pisah. 2. Jika diperlukan, klik tombol panah kanan untuk meng-indent item menu baru seperti item menu yang akan dipisah. 3. Ketik sebuah hyphen (-) dalam textbox Caption. 4. Atur properti Name. 5. Pilih OK untuk menutup Menu Editor. Dengan catatan bahwa garis (separator bar) yang anda buat dalam kontrol menu tidak dapat merespon ke kejadian Click, dan pengguna tidak dapat memilihnya. MEMASUKKAN ACCESS KEY DAN SHORTCUT KEY Saat aplikasi anda dijalankan atau dieksekusi, anda dapat mengoptimalkan pemakaian keyboard ke perintah menu. Hal ini harus anda dahului dengan cara mendefinisikan access key dan shortcut key saat anda mendesain menu anda. Memasukkan Access Key Access key dapat digunakan pleh pengguna untuk membuka menu dengan menekan tombol ALT dan huruf yang didefinisikan. Sejak menu terbuka, pengguna dapat memilih kontrol dengan menekan huruf (access key) yang dimasukkannya. Sebagai contoh, ALT+E dapat membuka menu Edit, ALT+X dapat memilih item menu Exit. Sebuah access key dalam sebuah menu akan ditampilkan dengan huruf yang diberi garis bawah. Untuk memasukkan access key ke dalam kontrol menu lewat Menu Editor, anda dapat menjalankan langkah-langkah berikut ini : 1. Pilih item menu yang akan anda pasang access key-nya. 2. Dalam kotak Caption, ketik sebuah ampersand (&) tepat di depan huruf yang akan anda jadikan access key. Sebagai contoh, jika anda ingin memasang access key untuk menu Edit yang ditampilkan dalam gambar sebelumnya, maka anda dapat mengatur properti Caption untuk item-itemnya sebagai berikut : Caption Item Menu Properti Item Access Key Cut Cu&t t Copy &Copy c Paste &Paste p Delete De&lete l Select All Select &All a Time / Date Time / &Date d Dengan catatan bahwa anda sebaiknya tidak menggunakan access key yang sama dalam menu. Memasukkan Shortcut Key Shortcut Key digunakan untuk mengambil jalan pintas untuk menjalankan atau memilih item menu dengan menekan tombol yang didefinisikan. Jadi item menu akan dijalankan jika anda menekan shortcut key ini. Dalam sebuah aplikasi, terutama aplikasi Windows, ada beberapa menu item yang menggunakan shortcut key ini. Hal ini tentu akan mempercepat pengaksesan suatu perintah. Shortcut key ini dapat berupa kombinasi tombol fungsi dan tombol kontrol, seperti CTRL + F1 atau CTRL + A. Shortcut key ini muncul dalam menu, tepat di sebelah kanan item menu.

4 Untuk memasukkan shortcut key ke dalam sebuah item menu, anda dapat mengikuti langkahlangkah berikut ini : 1. Pastikan Menu Editor aktif atau terbuka. Jika belum, maka anda dapat membukanya terlebih dahulu. 2. Pilih item menu yang ingin anda pasangi shortcut key. 3. Pilih sebuah fungsi key atau kombinasi tombol dalam ComboBox Shortcut. Untuk menghapus shortcut key yang telah anda masukkan, pilih (none) yang ada di tempat paling atas pada daftar. Key Access TITLE MENU DAN CARA PEMBERIAN NAMANYA Untuk menjaga konsistensi dengan aplikasi lain merupakan cara yang terbaik untuk memberi nama saat membuat menu. Mengatur Properti Caption Saat memasukkan caption untuk sebuah item menu, anda dapat mengikuti aturan-aturan berikut ini : Usahakan nama item berbeda dengan menu, tetapi anda dapat menuliskan ulang pada menu yang berbeda untuk merepresentasikan aksi yang sama. Nama item dapat berupa kata tunggal, campuran atau beberapa kata. Setiap nama item boleh memiliki access key unik mnemonic untuk pengguna yang memilih perintah dengan keyboard. Access Key tersebut seharusnya menjadi huruf pertama dari title menu, kecuali ada huruf lain yang memiliki link mnemonic yang lebih kuat. Seharusnya tidak ada title menu yang memiliki karakter akses yang sama. Sebuah ellipsis (...) boleh mengikuti nama perintah yang membutuhkan informasi lebih lanjut, misalnya menampilkan kotak dialog (contohnya, Save As..., Preferences...). Usahakan nama item itu pendek. Ketentuan Memberi Nama Menu Untuk memudahkan pembacaan dalam pengkodean anda dan mempermudah dalam mengingatnya, saat mengatur properti Name dalam Menu Editor, awali nama obyek dengan prefixnya (menu untuk kontrol menu) diikuti dengan nama menu level paling atas, contoh: File. Untuk submenunya, dapat anda ikuti dengan caption submenunya (contoh: mnufileopen). Perlu anda ketahui, hal ini bukan merupakan keharusan, tetapi hanya bersifat saran yang bisa dijadikan pedoman agar anda mudah dalam mengingatnya. MEMBUAT SUBMENU Shortcut Key Setiap menu yang anda buat dapat anda masukkan submenu sampai 5 level. Sebuah submenu adalah sebuah cabang menu untuk menampilkan item menu. Anda dapat menggunakan sebuah submenu saat: Menu bar penuh. Kontrol menu khusus kadang-kadang digunakan. Anda ingin menegaskan sebuah menu kontrol terhubung dengan yang lainnya. Dalam Menu Editor, beberapa kontrol menu yang di-indent di antara kontrol menu bukan merupakan sebuah title menu, melainkan kontrol submenu. Kontrol submenu ini dapat terdiri dari item submenu, separator bar, dan title submenu. Untuk membuat sebuah submenu, anda dapat mengikuti langkah-langkah berikut ini : Buat item submenu yang akan anda beri title submenu. Buat item yang akan muncul dalam submenu baru, dan item ini dengan cara mengklik tombol panah ke kanan. Setiap level indent ditandai dengan 4 titik (...) dalam Menu Editor. Untuk menghapus satu level indentasi, klik tombol panah ke kiri.

5 CONTOH KODE Membuat PoPup Menu. 1. Buat satu form dan buka Menu Editor. 2. Buatlah item-item menu seperti pada gambar berikut: 3. Nama dari title menu, yaitu mnuformat, yang akan dipanggil sebagai menu popup di pengkodean. 4. Hilangkan CheckList dari CheckBox Visible agar menu tidak dimunculkan di form. 5. Tambahkan satu buah label dengan nama label1. 6. Untuk selanjutnya lihat dan pelajari source code berikut. Option Explicit ' ' ' Developed By : SomeOne@IFUnikom.Mei.2006 ' ' Private Sub Form_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then ' apabila pengguna mengklik tombol kanan mouse pada form PopupMenu mnuformat ' menampilkan menu yang telah dibuat Private Sub Label1_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then ' apabila pengguna mengklik tombol kanan mouse pada label PopupMenu mnuformat ' Untuk mencetak tebal label. Nama submenu = mnubold Private Sub mnubold_click() If mnubold.checked Then mnubold.checked = False Else mnubold.checked = True Label1.FontBold = mnubold.checked ' Untuk menurunkan ukuran label. Nama submenu = mnudown Private Sub mnudown_click() Label1.FontSize = Label1.FontSize - 3

6 ' Untuk mewarnai label dengan hijau. Nama submenu = mnugreen Private Sub mnugreen_click() Label1.ForeColor = vbgreen mnugreen.checked = True If mnugreen.checked Then mnured.checked = False mnuhitam.checked = False ' Untuk mewarnai label dengan hitam. Nama submenu = mnuhitam Private Sub mnuhitam_click() Label1.ForeColor = vbblack mnuhitam.checked = True If mnuhitam.checked Then mnugreen.checked = False mnured.checked = False ' Untuk mencetak miring label. Nama submenu = mnuitalic Private Sub mnuitalic_click() If mnuitalic.checked Then mnuitalic.checked = False Else mnuitalic.checked = True Label1.FontItalic = mnuitalic.checked ' Untuk mewarnai label dengan merah. Nama submenu = mnured Private Sub mnured_click() Label1.ForeColor = vbred mnured.checked = True If mnured.checked Then mnugreen.checked = False mnuhitam.checked = False ' Untuk menaikkan ukuran label. Nama submenu = mnuup Private Sub mnuup_click() Label1.FontSize = Label1.FontSize + 3 TAMPILAN.