vb net membuat menu

14
Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] ) 18 BAB III. Membuat Menu Menu Strip (Tunjuk Sorot) Setiap aplikasi pasti terdapat menu untuk memilih atau mengaktifkan suatu proses/perintah yang diinginkan user. Menu strip (tunjuk sorot) adalah salah satu penyajian menu perintah yang sering dipakai oleh programer. Contoh menu strip di aplikasi Ms. Word adalah sbb : 1. Menu Utama : 2. Sub Menu dari Menu Utama Edit : 3. Sub Sub Menu dari Sub Menu Clear : Ada 4 komponen dari suatu menu strip yaitu : o Images / gambar dari menu o Access keys / tombol keyboard untuk mengaktifkan suatu menu. Contohnya kombinasi Alt dan F untuk mengaktifkan menu File di Ms. Word.

Upload: lingkaran

Post on 03-Jan-2016

192 views

Category:

Documents


5 download

DESCRIPTION

membuat menu

TRANSCRIPT

Page 1: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

18

BAB III. Membuat Menu Menu Strip (Tunjuk Sorot)

Setiap aplikasi pasti terdapat menu untuk memilih atau mengaktifkan suatu

proses/perintah yang diinginkan user. Menu strip (tunjuk sorot) adalah salah satu

penyajian menu perintah yang sering dipakai oleh programer.

Contoh menu strip di aplikasi Ms. Word adalah sbb :

1. Menu Utama :

2. Sub Menu dari Menu Utama Edit :

3. Sub Sub Menu dari Sub Menu Clear :

Ada 4 komponen dari suatu menu strip yaitu :

o Images / gambar dari menu

o Access keys / tombol keyboard untuk mengaktifkan suatu menu. Contohnya

kombinasi Alt dan F untuk mengaktifkan menu File di Ms. Word.

Page 2: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

19

o Shortcut keys / jalan pintas dengan menggunakan kombinasi tombol

keyboard untuk mengaktifkan suatu perintah yang sering digunakan.

Contohnya Ctrl dan C untuk mengcopy suatu teks atau gambar pada

perintah di Ms. Word.

Cara untuk membuat menu strip adalah sbb :

1. Pada form yang aktif drag drop icon menu strip sbb :

2. From yang telah diberi menu strip akan berbentuk seperti ini :

3. Untuk membuat menu utama adalah sbb :

a. Tuliskan pada bagian Type Here kemudian tekan enter.

b. Untuk menulis menu utama yang lain tekan tombol -> berpindah

kesisi kanan sebelahnya.

Tempat penulisan Menu Utama

Page 3: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

20

4. Sedangkan membuat sub menu caranya adalah sbb :

a. Pada menu utama tekan tombol panah bawah.

b. Tuliskan pada bagian Type Here kemudian tekan enter.

c. Untuk menulis sub menu yang lain tekan tombol panah bawah.

Tempat penulisan Sub Menu

Tempat penulisan Sub Sub Menu

Page 4: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

21

5. Sedangkan membuat sub sub menu caranya adalah sbb :

a. Pada sub menu tekan tombol panah kanan.

b. Tuliskan pada bagian Type Here kemudian tekan enter.

c. Untuk menulis subsub menu yang lain tekan tombol panah

bawah.

Menambah Icon Pada Menu Strip

Kita dapat menambahkan icon/gambar pada Menu Utama, Sub Menu atau Sub

Sub Menu. Caranya adalah sbb :

1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi icon.

2. Pilih properties image dan klik tombol ini :

Page 5: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

22

3. Muncul dialog window Select Resource sbb :

4. Pilih Project resources file kemudian klik tombol Import untuk mencari

icon/gambar yang akan dipasang.

Page 6: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

23

5. Pilih icon yang diinginkan dengan mengklik file-file di suatu folder

tertentu kemudian tekan tombol Open.

6. Di dialog window Select Resource pada pilihan Project resources file akan

muncul nama-nama icon yang anda pilih kemudian klik salah satu.

7. Setelah itu klik tombol OK maka gambar icon tersebut akan berada

disamping Menu Utama, Sub Menu atau Sub Sub Menu yang diiginkan.

Memberi Access Keys Pada Menu Strip

Kita dapat menambahkan Access keys / tombol keyboard untuk mengaktifkan

suatu menu pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sbb :

1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi Access

keys.

2. Pilih properties text kemudian tambahkan simbol & disamping kiri huruf di

nama Menu Utama, Sub Menu atau Sub Sub Menu yang akan dijadikan

tombol Access keys.

Menu yang ada iconnya.

Page 7: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

24

3. Misalkan pada menu File access key-nya adalah kombinasi tombol Alt dan

huruf F maka simbol & diletakkan disamping kiri huruf F pada File.

4. Tampilan menu yang telah diberi Access keys akan ada garis bawah adalah

sbb :

Memberi Tombol Short Cut Pada Menu Strip

Kita dapat menambahkan tombol short cut untuk mengaktifkan suatu perintah

pada Sub Menu atau Sub Sub Menu secara langsung. Caranya adalah sbb :

1. Klik Sub Menu atau Sub Sub Menu yang akan diberi short cut.

2. Pilih properties ShortcutKeys dan klik combo box-nya maka akan muncul

tampilan sbb :

3. Isikan kombinasi tombol keyboardnya semisal Ctrl dan M.

4. Tampilan properties ShortcutKeys setelah diisi tombol short cut.

Properties shortcutkeys yang diklik combo box-

Page 8: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

25

5. Jika short cut ingin ditampilakn disamping nama menunya maka properties

ShowShortcutKeys diberi nilai True.

6. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi short cut adalah

sbb :

Memberi Tanda Cek Pada Menu Strip

Kita dapat menambahkan tanda cek (centang) pada samping Sub Menu atau

Sub Sub Menu yang sedang diaktifkan. Tanda cek (centang) akan terlihat pada saat

aplikasi dijalankan jadi pada tahap desain tanda ini tidak terlihat. Cara untuk memberi

tanda cek adalah sbb :

1. Klik Sub Menu atau Sub Sub Menu yang akan diberi tanda cek.

2. Pilih properties CheckOnClick dan isikan nilai true

3. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi tanda cek pada

saat aplikasi dijalankan adalah sbb :

Memberi Keterangan/Petunjuk Pada Menu Strip

Kita dapat menambahkan petunjuk/keterangan pada Menu, Sub Menu atau Sub

Sub Menu ketika pointer mouse dihentikan agak lama di tulisan Menu, Sub Menu atau

Sub Sub Menu. Petunjuk/keterangan akan terlihat pada saat aplikasi dijalankan jadi pada

tahap desain petunjuk/keterangan ini tidak terlihat. Cara untuk memberi

petunjuk\keterangan adalah sbb :

1. Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi

petunjuk/keterangan.

Page 9: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

26

2. Pilih properties ToolTipText dan isikan kata-kata petunjuknya.

3. Tampilan Menu,Sub Menu atau Sub Sub Menu yang telah diberi

petunjuk/keterangan pada saat aplikasi dijalankan adalah sbb :

Memberi Kode Pada Menu Strip

Agar menu, sub menu atau sub sub menu dapat melakukan perintah yang

diinginkan maka harus diberi kode program. Cara memberi kode programa adalah sbb :

1. Double Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi kode

program. Contoh pada sub sub menu Main double klik.

2. Isikan kode program-nya contohnya seperti ini:

Private Sub MainToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MainToolStripMenuItem.Click MsgBox("Anda menekan sub sub menu Main", , "Contoh Menu") End Sub

3. Jalankan aplikasi dengan menekan F5.

Tool Tip Text

Page 10: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

27

4. Pilih menu View

5. Pilih sub menu Toolbars.

6. Klik sub sub menu Main maka akan muncul message box sbb :

7. Karena sub sub menu Main mempunyai shortcut maka anda bisa langsung

menekan tombol Ctrl + M.

Page 11: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

28

Membuat Context Menu

Context Menu adalah suatu menu strip yang muncul jika user mengklik tombol

kanan mouse di atas form atau control. Contoh context menu adalah sbb :

Untuk membuat context menu caranya adalah sbb :

1. Pada form yang aktif drag drop icon context menu strip sbb :

2. From yang telah diberi menu strip akan berbentuk seperti ini :

Context Menu

Page 12: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

29

3. Untuk membuat menu utama pada context menu adalah sbb :

a. Tuliskan pada bagian Type Here kemudian tekan enter. Contoh

ketikan FILE dan MAIN.

b. Untuk menulis menu utama yang lain tekan tombol panah bawah

untuk berpindah kebawah.

Tempat penulisan Menu Utama Context Menu

Tempat penulisan Sub Menu

Page 13: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

30

4. Sedangkan membuat sub menu caranya adalah sbb :

a. Pada menu utama tekan tombol panah kanan.

b. Tuliskan pada bagian Type Here kemudian tekan enter.

c. Untuk menulis sub menu yang lain tekan tombol panah bawah.

5. Sedangkan membuat sub sub menu caranya adalah sbb :

b. Pada sub menu tekan tombol panah kanan.

c. Tuliskan pada bagian Type Here kemudian tekan enter.

d. Untuk menulis subsub menu yang lain tekan tombol panah

bawah.

6. Langkah berikutnya adalah menseting form agar bisa menjalankan context

menu. Dalam hal ini form yang di seting karena kita akan menjalankan

context menu di form. Jika kita ingin menjalankan context menu pada

control text box maka text box yang diseting.

7. Pada properties ContextMenuStrip di form pilih nama context menu-nya.

Tempat penulisan Sub Sub Menu

Page 14: Vb Net Membuat Menu

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / [email protected] )

31

8. Jalankan form tsb dengan menekan tombol F5.

9. Klik tombol mouse kanan pada form tersebut maka akan muncul context

menu sbb :