Tugas Visual Basic 7 : Membuat menu

TUGAS VISUAL BASIC 7 “MEMBUAT MENU DENGAN KREASI SENDIRI”

TAMPILAN AWAL

Diatas adalah tampilan menu yang saya buat dengan sedikit penambahan. Langkah pembuatannya seperti dibawah ini :

1.       Buka microsoft visual studio 2010 lalu buat project baru, disini sebagai langkah awal yaitu menambahkan control menustrip ke dalam form. Lalu isi text dari menu tersebut, dan dibawahnya bisa diisi dengan sub menu. Ke samping yaitu menambahkan menu yang lain,lalu menu tersebut bisa ditambahkan icon atau gambar yaitu dengan cara klik kanan menu lalu pilih set image, pilih import lalu pilih gambar yang diinginkan. Klik ok. Untuk menambahkan menu standard yang bisanya selalu ada pada aplikasi bisa dengan mengklik tanda panah pada bagian atas, lalu pilih insert standard menu.

2.       Untuk memudahkan kita dalam melaksanakan perintah, kita bisa membuat shortcut dari sub menu pada menustrip yaitu dengan cara mengatur shortcut pada properties submenu, kita bisa bebas memilih apakah ctrl+1 atau berapapun yang penting mudah diingat. Lakukan hal serupa untuk membuat shortcut yang lain.

3.       Selanjutnya adalah membuat toolbar, yaitu untuk lebih memudahkan perintah apa yang harus diakukan, caranya dengan menambahkan control toolstrip ke form. Klik tanda panah pada bagian kanan atas untuk menambahkan toolbar standar, dan pada bagian dock pilih yang right. Tambahkan panel kedalam form.

4.       Selain klik kiri, biasanya pilihan muncul jika menggunakan klik kanan. Pada bagian ini kita menggunakan context menustrip, yaitu dengan memasukannya kedalam form lalu mengisi pilihan menunya. Disini saya membuat 2 context menustrip yaitu untuk klik kanan yang didalam panel dan di luar panel, jadi gunanya untuk membedakan. Context menustrip1 saya isi dengan pilihan A, B, C, D. Caranya yaitu dengan mengatur dibagian properties panel, tepatnya contextmenustrip nya kita aktifkan dan pilih context menustrip1. Untuk context menustrip2 saya gunakan untuk form. Isi dari context menustrip2 diisi dengan 1, 2, 3, 4.

5.       Ini sekedar penambahan saja, background formnya bisa kita rubah dengan mengganti dengan gambar yang kita inginkan. Dan untuk tambahan yang lain, yaitu status strip dan tree view. Jadi tree view itu konsepnya ketika kita ngeklik dia akan akan membuka ke bawah kanan dan seterusnya.

6.       Langsung saja ke tkp, agar form-form yang dipanggil itu didalam form utama maka diperlukan fasilitas mdi parent. Jadi, form utama dijadikan mdiparent, dengan mengatur pada propertiesnya yaitu pada ismidcontainer kita pilih true.

7.       Pada menu utama saya membuat tampilan cascade dan tile horizontal serta tile vertikal, konsep penggunaanya seperti ini. Cascade yaitu menumpuk form-form yang telah dipanggil, kalo tile horizontal yaitu pemanggilan form nya itu satu di atas dan dibawah jadi kaya orang tiduran, kalo tile vertikal form-form yang dipanggil tadi berjejeran.

Pada menu latihan cascade, berisi submenu latihan cascade 1, 2 dan 3. Yang tampilanya seperti ini

 

 latihan 1 dan 2 bisa dibuat shortcut key nya (misal ctrl+2), cara-caranya sudah dijelaskan pada awal pembahasan. Dibawah latihan 1 terlihat seperti ada garis yang membatasi, itulah yang dinamakan separator. Cara membuatnya mudah yaitu dengan klik kanan pada latihan 2 lalu pilih insert, pilih separator. Jadi deh.

Sebelumnya, kita harus buat 2 form tambahan sebagai bahan uji coba saja. Jadi sekarang formnya ada 3, yaitu form 1 (form utama) dan 2, 3. Latihan 1 akan memanggil form 2, sedang latihan 2 akan memanggil form 3. Pemanggilannya menggunakan show(), yaitu pemanggilnya tetap aktif. Beda lagi dengan showdialog(), yaitu dia harus menutup form yang sedang aktif jika ingin membuka form yang lain. Pada menu horizontal vertikal, submenu yang ditampikan yaitu tile horizontal dan vertikal yang masing-masing submenu mengandung submenu lagi yaitu 1-1 dan 1-2....daripada ngawang-ngawang terus, nih saya kasih bocoran tampilanya

a.       Langsung saja ke tkp, untuk tampilan cascade nya sebelumya kita harus membuka form 2 lalu form 3, dan agar form 2 dan form 3 nya didalam form utama maka kita harus mengaturnya sebagai mdichild dan form utama sebagai mdiparent nya. Untuk tampilan cascade yang dihasilkan adalah seperti ini nihh

Untuk codenya seperti ini :

Private Sub Latihan1ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Latihan1ToolStripMenuItem.Click

        Form2.MdiParent = Me

        Form2.Show()

        Me.LayoutMdi(MdiLayout.Cascade)

    End Sub

    Private Sub Latihan2ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Latihan2ToolStripMenuItem.Click

        Form3.MdiParent = Me

        Form3.Show()

        Me.LayoutMdi(MdiLayout.Cascade)

    End Sub

b.  sekarang giliran tile horizontal dan tile vertikal, seperti biasa kita sebelumnya harus memanggil form2 dan form 3 dulu. Untuk yang horizontal dulu, codenya seperti ini nih

Private Sub Part1ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Part1ToolStripMenuItem.Click

        Form2.MdiParent = Me

        Form2.Show()

        Me.LayoutMdi(MdiLayout.TileHorizontal)

    End Sub

    Private Sub Part2ToolStripMenuItem_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Part2ToolStripMenuItem.Click

        Form3.MdiParent = Me

        Form3.Show()

        Me.LayoutMdi(MdiLayout.TileHorizontal)

    End Sub

dan tampilannya sendiri seperti ini

 

Sekarang yang vertical, sama caranya Cuma beda coding yang digunakan. Codingnya seperti ini nih

Private Sub Veri1ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Veri1ToolStripMenuItem.Click

        Form2.MdiParent = Me

        Form2.Show()

        Me.LayoutMdi(MdiLayout.TileVertical)

    End Sub

    Private Sub Veri2ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Veri2ToolStripMenuItem.Click

        Form3.MdiParent = Me

        Form3.Show()

        Me.LayoutMdi(MdiLayout.TileVertical)

    End Sub

Dan tampilanya seperti ini

Untuk tampilan klik kanan pada panel, seperti ini

Untuk tampilan klik kanan pada form, seperti ini

MENGGUNAKAN LIBRARY TAMBAHAN (System.Windows.Forms.Ribbon.dll)

Disini saya membuat Ribbon menu, Tampilannya sangat sederhana sekaliiii, yang penting mengumpulkan tugas dan menggugurkan kewajiban serta kerjakeras sendiri....eits ngga ding masih dibantu mbah gugelll yang baik hati. Hehe,, ini saking musmetnya mau bikin apa jadi ini Cuma mengikuti langkah-langkah yang ada di internet.

Langkah-langkahnya seperti ini

1.       sebelumnya ini menggunakan .Net Framework 3.5, jadi harus disetting dari awal pembuatan project baru. Dan gunakan library System.Windows.Forms.Ribbon.dll, kalau belum ada, bisa kita download dulu baru dimasukin dah ke project kita. Caranya klik kanan references pada bagian solution lalu pilih add references. Pilih library tersebut (yang sudah didonlod tadi) lalu ok.

2.       Buka form1.Designer.cs, pada bagian coding tambahkan perintah

private System.Windows.Forms.Ribbon ribbon1;

this.ribbon1 = new System.Windows.Forms.Ribbon();

this.Controls.Add(this.ribbon1);

sehingga codingnya akan berubah menjadi seperti ini

3.       Lalu tinggal edit, tampilan ribbonnya mau seperti apa. Pilih add tab untuk menambahkan ribbon, dan add panel untuk menambahkan item didalam ribbon tersebut. Selesai dah...