Tugas 7

Pada postingan kali ini saya akan membuat tampilan form menggunakan MDi form pada visual studio 2010. Sesuai soal berikut:

1. Buat MDI form minimal 4 anak
2. Buat menu tail vertical, tail horizontal dan cascade
3. Atur posisi menu sesuai selera

Berikut adalah langkah-langkahnya.

Buka program visual studio 2010, buat project baru dan buat form dalam project tersebut sebanyak 5  buah, berikut ini adalah cara menambahkan form baru

pilih salah satu form sebagai form utama atau menu utama saat awal program di run, di sini saya menggunakan form1 sebagai  menu utama dan form yang lain saya gunakan sebagai form anak dengan nama Latihan1, Latihan2, Latihan3 dan Latihan4

Pada form1 masukan MenuStrip Dari Toolbox Kelompok Menus & Toolbars, setelah muncul tampilan seperti di bawah ini:

Isi menustrip dengan Latihan, kemudian menu di bawahnya di isi Latihan 1, Latihan 2, Latihan  3 dan Latihan 4 seperti pada gambar berikut :

Atur Properti IsMDIContainer pada form1 menjadi true

Agar form latihan 1 sampai Latihan 4 dapat di panggil melalui form 1 isi kode program berikut pada Latihan  1 sampai latihan 4

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

        latihan1.MdiParent = Me

        latihan1.Show()

    End Sub

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

        latihan2.MdiParent = Me

        latihan2.Show()

    End Sub

    Private Sub Latihan3ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Latihan3ToolStripMenuItem.Click

        latihan3.MdiParent = Me

        latihan3.Show()

    End Sub

    Private Sub Latihan4ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Latihan4ToolStripMenuItem.Click

        latihan4.MdiParent = Me

        latihan4.Show()

    End Sub

Kemudian untuk membuat menu tail vertical, tail horizontal dan cascade kita tambahkan menu window pada menustrip, isi dengan horizontal, vertical dan cascade seperti pada gambar berikut

isikan kode program berikut pada menu horizontal, vertical dan cascade

 Private Sub HorizontalToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles HorizontalToolStripMenuItem.Click
        Me.LayoutMdi(MdiLayout.TileHorizontal)

    End Sub
    Private Sub VerticalToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles VerticalToolStripMenuItem.Click
        Me.LayoutMdi(MdiLayout.TileVertical)
    End Sub

    Private Sub CascadeToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles CascadeToolStripMenuItem.Click
        Me.LayoutMdi(MdiLayout.Cascade)
    End Sub

hasil dari program tersebut saat dipilih salah satu

Cascade                                                         Horizontal

   

Vertical

Selanjutnya untuk mengatur tata letak posisi menubar dan toolbar caranya sesuai langkah-langkah berikut :

karena dari awal kita belum memasukan toolbar, maka kita masukan dulu toolbar kedalam form 1 caranya hampir  sama dengan memasukan menubar. pilih Toolstrip pada Toolbox Kelompok Menus & Toolbars

untuk menambahkan titem seperti button, label dan lain sebagainya klik tanda segitiga yang menghadap kebawah dan pilih item apa yang akan kita tambahkan

kita dapat memasukan toolbar sesuai standar windows dengan cara klik kanan pada toolbarstrip pilih Insert Standard Items.

untuk memasukan gambar icon pada setiap submenu baik itu di menubar maupun di toolbar caranya klik kanan pada sub menu kemudian pilih set image pilih local source untuk memilih gambar yang ada di komputer.

untuk mengatur letak menubar maupun toolbar sesuai kengininan kita, klik pada bagian yang kosong menubar atau toolbar cari tanda segitiga di sebelah kanan lalu pada bagian dock sesuai keinginan kita.

hasil dari pengaturan yang saya lakukan