Laman

Selasa, 23 Agustus 2011

Membuat menu dan Submenu di C# (C Sharp)

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 membuat menu diantaranya adalah menu harus dikelompokan sesuai dengan fungsionalitasnya dan menyediakan shortcut 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 sebelah menu 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
Gambar 7. Preview saat program dirunning
download file binary disini
download full project disini
contact us on informasi@csharp-indonesia.com
Jika link download error atau rusak silahkan tinggalkan email di komentar, full project akan diupload lagi dan akan dikirim melalui email.

NB : Dalam tutorial ini program ditulis menggunakan IDE Visual studio 2010. dengan target framework 2.0 . Sehingga minimal komputer harus terinstal windows xp untuk bisa menjalankan program *.exe nya, Sedangkan untuk membuka projectnya mau tidak mau harus menginstal microsoft visual studio 2010

Artikel terkait

3 comments:

Anonim mengatakan... Reply

Boss..?? apakah menu dengan tiga level sama caranya.?

Penulis 1 mengatakan... Reply

iya benar sekali, jika ingin membuat menu sampai level berapapun caranya sama, tinggal klik sub menu akan muncul begitu seterusnya samapai menu level yang diinginkan, tapi disarankan jangan terlalu banyak membuat level menu, karena itu akan membuat user merasa tergangu

naryo mengatakan... Reply

gan, misalkan menutup menu ketika menu lain tampil gmn????

Poskan Komentar