Home

M E N U

 

Memakai Menu

  • Menu memberikan cara yang mudah untuk menjalankan kelompok perintah-perintah
  • Menu designer memungkinkan anda untuk menambahkan sebuah menu ke dalam form. Yang perlu dilakukan hanya menambahkan sebuah komponen menu ke dalam form, membuka menu designer dan mengetikkan item-item menu pada jendela menu designer.
  • Ada 2 komponen menu, yaitu MainMenu dan PopUpMenu.
  • Komponen MainMenu membuat menu yang menempel pada title bar dari form.
  • Sedangkan PopUpMenu membuat menu pada saat user mengklik kanan pada form atau pada sebuah komponen.
  • Berikut ini adalah langkah-langkah yang perlu dilakukan untuk membuat sebuah aplikasi yang memakai MainMenu dan PopUpMenu
  1. Buatlah aplikasi baru, ubah caption dari form menjadi ‘Mencoba Menu’
  2. Tambahkan MainMenu, PopUpMenu dan Edit. MainMenu dan PopUpMenu adalah komponen NonVisual, jadi anda bisa menempatkannya dimana saja
  3. Pilih MainMenu dan kita akan membuka Menu Designer, dengan cara ;

‐          Klik ganda pada komponen menu

‐          Dari page Properties Object Inspector, pilih items, lalu klik ganda [menu] pada kolom isian atau klik tanda (….)

Menu designer ditampilkan dengan item pertama yang kosong dan dipilih.

 

 

  1. Ketikkan &Pilihan. Karakter & dipakai untuk menyatakan shortcut dari menu. Pada tampilan menu, karakter P akan bergaris bawah. Pada saat menjalankan aplikasi, anda dapat memanggil menu dengan menunjuknya atau tekan Ctrl+P.

 

 

  1. Lengkapi menu tersebut dengan beberapa item di bawahnya :

‐          Edit Warna &Biru

‐          Edit Warna &Menu

‐          Edit Warna &Hijau

  1. Disamping kanan item &Pilihan tambahkan &Keluar. Menu lengkapnya sebagai berikut

 

 

  1. Sekarang kita akan mengisikan item pertama (Edit Warna Biru). Klik ganda item tersebut dan anda akan masuk ke code Editor dan isikan :

 

 

  1. Selanjutnya untuk item kedua dan ketiga, masing-masing isikan :

 

 

  1. Tekan tombol close untuk mengakhiri main menu
  2. Kita akan mengisi PopUpMenu. Dari form, klik ganda pada PopUpMenu, sekali lagi anda akan masukke menu designer dan isikan item-item sebagai berikut :

 

 

  1. Untuk setiap item isikan :

 

 

  1. Terakhir untuk item Keluar, isikan :

 

 

PopUpMenu1 akan ditampilkan jika Anda mengklik kanan pada komponen Edit1. Untuk menghubungkan kedua komponen tersebut, klik Edit1. Dari Object Inspector, pilih property PopUpMenu, anda dapat mengklik anak panah bawah dan pilih PopUpMenu1. Rancangan formnya adalah sebagai berikut :

 

 

Listing lengkapnya :

 

 

 

Membuat SubMenu

Beberapa menu aplikasi mempunyai daftar drop-down yang muncul di samping sebuah item menu, dipakai untuk memberi pilihan tambahan (perintah-perintah yang berhubungan). Daftar tersebut ditunjukkan oleh sebuah anak panah di sebelah kanan item menu.

Cara demikian dapat menghemat tempat secara vertikal. Cara membuat submenu :

  1. Buka kembali aplikasi menu sebelumnya, dan pilih sebuah item menu, misalnya Edit Warna Biru
  2. Klik kanan tombol mouse untuk menampilkan menu lokal (popup menu).

 

  1. Pilih Create Submenu, akan muncul anak panah kanan adan tempat mengisikan item menu

 

  1. Isikan item pertama, yaitu Biru muda. Tekan enter atau panah bawah untuk item selanjutnya, yaitu Biru tua.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Event OnContextPopup

 

Komponen PopupMenu dapat dihubungkan ke sebuah komponen dengan mengatur properti PopupMenu dari komponen tersebut.

Cara lain dengan memanggil PopupMenu menggunakan method Popup. Method ini memerlukan posisi layar untuk menampilkan menu. Salah satu cara menentukan posisinya adalah dengan mengubah posisi lokal dari komponen menjadi posisi layar. Untuk itu anda memerlukan method ClientToScreen, yaitu untuk mengubah posisi lokal menjadi posisi layar.

Event OnContextPopup terjadi pada saat user mengklok kanan tombol mouse pada sebuah kontrol, atau memanggil menu popup dengan keyboard.

 

Untuk mencoba kemampuan-kemampuan tersebut, kita akan membuat sebuah aplikasi.

  1. Tambahkan komponen ColorDialog (dari page dialogs) dan tiga buah label
  2. Tambahkan sebuah popupmenu dengan sebuah menu, yaitu warna
  3. Tambahkan sebuah PopupMenu lagi, dengan tiga buah menu, yaitu kiri, tengah, kanan.
  4. Misalnya jika anda mengklik kanan tombol mouse pada label1, kita akan menampilkan PopupMenu pertama dengan posisi mouse pada saat diklik. Jadi posisi menu dapat berubah-ubah bergantung pada tempat klik. Untuk itu kita harus mengubah posisi lokal pada Label1 menjadi posisi di layar dengan method ClientToScreen. Buatlah event handler OnMousedown dari label1
  5. Event handler OnContextPopup dari label2 akan menampilkan menu Popup yang kedua dengan menambahkan dua menu, yaitu garis batas dan informasi waktu. Setelah selesai, kedua menu tambahan akan dihapus. Menu dihapus dengan urutan terbalik, dari yang terakhir dan berjalan mundur.
  6. Event handler OnContextPopup tidak hanya untuk menampilkan menu popup, tetapi juga dapat melakukan operasi lain. Misalnua untuk menampilkan kotak dialog. Tambahkan OnContextPopup dari label3 untuk menampilkan kotak dialog.

 

Listing lengkap:

 

 

 

 

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s