Tutorial Membuat Menu Panel dengan VB Net

 Tutorial Membuat Menu Panel dengan VB NET

pmdsesawiak.com  | Hallo semuanya, kali ini om bewok mau sharing cara membuat menu panel atau kalau di website kita menyebutnya dengan navigasi bar. Menu panel atau navigation bar ini penting sekali dalam pembuatan apps, karena kita bisa langsung menuju apa yang kita mau. Jadi kita langsung saja buat. 

Oh iya buat teman-teman yang mau daftar list belajar vb.net bisa lihat dibawah ini ya

Daftar Lengkap Tutorial VB.NET

Langsung saja kita mulai cara membuatnya
1. Klik File - New - Project.

2. Lalu kita cari Visual Basic & Desktop.
3. Lalu kita pilih yang Forms (.NET Framework) inget yaaa. ada 2 soalnya, nah kita yang .NET Framework (kalau bingung lihat gambar dibawah ya). 

4. Setelah itu kasih nama Menupanel lalu pilih Create. 

5. Selanjutnya kita membuat 2 Form baru, dengan cara klik kanan pada project menupanel(Solution explorer) - klik add - klik Form - Lalu pilih yang Form(Windows Form). Kita ganti namanya menjadi Menu1.vb 

6. Lalu buat Form 1 lagi sama seperti no 6 cara membuatnya klik kanan add - pilih form lalu pilih yang Form(Windows Form) dan kita beri nama Menu2.vb 

7. Selanjutnya pada Form1.vb, Kita tambahkan MenuStrip. 

8. Nah didalamnya kita isi Menu 1, Menu 2 dan Exit (Lihat gambar dibawah ya teman - teman buat contohnya) 

8. Kita Klik 1x pada Menu1.vb lalu ubah pada bagian properties yaitu StartPosition menjadi CenterScreen  Fungsinya agar berada selalu ditengah

9. Sama juga pada Menu2.vb kita Klik 1x lalu ubah pada bagian properties yaitu StartPosition menjadi CenterScreen. 

8. Selanjutnya pada Form1 kita klik 1x, lalu kita lihat pada properties, karena ada beberapa yang harus kita ubah. Kita ubah pada bagian WindowState menjadi Maximized fungsinya agar aplikasinya ukurannya langsung besar dan isMdiContainer ubah menjadi True, fungsinya ketika kita klik menu1 atau menu2. Menupanelnya tidak akan ketutupan atau menghilang. 

9.Selanjutnya kita klik 2x pada bagian Menustrip Menu 1 (lihat gambar dibawah ya teman - teman kalau masih bingung). 

10. Lalu kita tambahkan kodingannya seperti dibawah ini

	Private Sub Menu1ToolStripMenuItem_Click(sender As Object, e As EventArgs) Handles Menu1ToolStripMenuItem.Click
	Menu1.MdiParent = Me
	Menu1.Show()
	End Sub

view rawForm1menu1.vb hosted with ❤ by GitHub

11.Selanjutnya kita klik 2x pada bagian Menustrip Menu 2 (lihat gambar dibawah ya teman - teman kalau masih bingung).  

12. Lalu kita tambahkan kodingannya seperti dibawah ini

	Private Sub Menu2ToolStripMenuItem_Click(sender As Object, e As EventArgs) Handles Menu2ToolStripMenuItem.Click
	Menu2.MdiParent = Me
	Menu2.Show()
	End Sub

view rawForm1menu2.vb hosted with ❤ by GitHub

13.Selanjutnya kita klik 2x pada bagian Menustrip Exit (lihat gambar dibawah ya teman - teman kalau masih bingung). 

14. Lalu kita tambahkan kodingannya seperti dibawah ini

	Private Sub ExitToolStripMenuItem_Click(sender As Object, e As EventArgs) Handles ExitToolStripMenuItem.Click
	End
	End Sub

view rawForm1exit.vb hosted with ❤ by GitHub

15. Full kodingannya seperti dibawah ini 

	Public Class Form1
	Private Sub Menu1ToolStripMenuItem_Click(sender As Object, e As EventArgs) Handles Menu1ToolStripMenuItem.Click
	Menu1.MdiParent = Me
	Menu1.Show()
	End Sub
	Private Sub Menu2ToolStripMenuItem_Click(sender As Object, e As EventArgs) Handles Menu2ToolStripMenuItem.Click
	Menu2.MdiParent = Me
	Menu2.Show()
	End Sub
	Private Sub ExitToolStripMenuItem_Click(sender As Object, e As EventArgs) Handles ExitToolStripMenuItem.Click
	End
	End Sub
	End Class

view rawForm1full.vb hosted with ❤ by GitHub

Penjelasan

Menu 1 & Menu 2 sama ya jadi om bewok jelasin pada Menu1 aja yaa

Menu1.MdiParent = Me berfungsi agar ketika menu1 atau menu2 kita klik. Nah Menu1nya kita perbesar, ia tidak akan menghalangi menu panelnya

Menu1.Show() artinya ketika kita klik menupanel Menu1 tolong buka form Menu1 dong, gitu ya guys

End pada exit ini paling gampang. End artinya berakhir atau akhir.