Jumat, 21 Juni 2013

membuat sub menu

Menu sangat memudahkan user dalam memakai aplikasi, desain aplikasi yang baik sangat membantu para user dalam menggunakan aplikasi sehingga meraka tidak kebingunan dengan cara pengoperasian atau cara penggunaaan dari aplikasi yang dibuat. Ada banyak hal yang harus diperhatikan dalam membuatmenu diantaranya adalah menu harus dikelompokan sesuai dengan fungsionalitasnya dan menyediakanshortcut dalam mengakses menu tersebut. Sebagai contoh di aplikasi apapun selalu ada menu "FILE" yang isinya pasti ada open, save, save as, new, exit, print dan lain sebagainya. Tidak mungkin di menu FIle ada menu copy, paste, cut. Inilah yang dimaksud dengan menu dikelompokan berdasarkan fungsionalitasnya. Jika pada aplikasi microsoft word kita melakukan combinasi menekan tombol CTRL + S hasilnya adalah microsfot word melakukan saving terhadap dokumen yang telah kita buat, ini adalah contoh penggunaan shortcut yang baik. Sekarang mari kita buat project untuk membuat menu dan sub menu.
Langkah pertamakali yang harus dilakukan adalah membuat project kosong klik file new project pada IDE Visual studio, ketikan nama project dan klik OK, selanjutnya ikuti langkah demi langkah berikut ini
 langkah 1 : Tambahkan control "Menu strip" pada form, untuk lebih jelasnya perhatikan gambar berikut ini
 gambar 1. Control MenuStrip pada toolbox
setelah menu strip ditambahkan ke form, ketik  menu yang diinginkan, begitu juga dengan sub menu, hanya tinggal mengetik nama menu. Berikut ini adalah form yang telah disini dengan menu

Gambar 2. Manambahkan menu di form
langkah 3 : Untuk membangkitkan event single klik pada menu tersebut, double klik pada menu yang diinginkan, misalnya saja ingin membuat event single klik pada menu SAVE. langsung double klik pada menu tersebut, hasilnya adalah seperti berikut ini. Misal akan diberi perintah menampilkan tulisan "SAVE CLICKED" pada event klik pada menu SAVE, 


private void saveToolStripMenuItem_Click(object sender, EventArgs e)
   {
      label1.Text = "save clicked";
   }

langkah 4 : setelah menu selesai diberi event sekarang membuat SHORTCUT pada menu, tentunya menu yang baik dan benar harus mempunyai SHORTCUT untuk mengaksesnya, jika bingung dengan istilah shortcut, shortcut adalah kombinasi tombol keybord untuk mengakses menu tersebut, contohnya adalah CRTL+C digunakan untuk shortcut menu EDIT, COPY, dan CTRL + V digunakan untuk shortcut EDIT, PASTE. Untuk membuat shortcut pada menu pertama select/pilih menu yang akan dibuat shortcut, selanjutnya pada jendela properti, cari properti ShortcutKeyDisplayString dan ShortCutKeys. Atur keduanya dengan nilai "CTRL+N". ShortcutKeyDisplayString berguna untuk menampilkan Sortcut di sebelahmenu sedangkan ShortCutKeys digunakan untuk mengatur tombol kombinasi pada keyboard untuk mengakses menu


Gambar 3. Properties ShortcutKey dan ShortcutKetDisplay

langkah 5 : done selesai, jika langkah langkah diatas dilakukan dengan benar, maka saat program dirunning akan menampilkan form kosong dengan menu menu, jika menu tersebut di klik akan muncul tulisan yang bersesuaian dengan menu yang di klik. Berikut ini adalah preview dari program yang telah dibuat

Gambar 4. Peview program saat pertama kali di running 
Gambar diatas adalah preview program saat pertamakali dijalankan, form kosong yang hanya terdiri dari menu FILE dan EDIT. 

Gambar 5. Previrew program saat dirunning

Pada gambar diatas terlihat bahwa menu Save sedang diklik, dan hasilnya adalah seperti pada gambar dibawah ini
 
Gambar 6. Preview saat program dirunning
 
dan untuk menguji shortcut yang telah dibuat sebelumnya tadi (CTRL+N), sekarang coba tekan tombol pada keyboard (CTRL + N) secara bersamaan, hasilnya adalah sepeti berikut ini
Bagikan :
Artikel terkait :

0 komentar :

Posting Komentar