Minggu, 09 Desember 2012

MDI FORM ( Menyusun Form Secara Horisontal, Vertikal dan Cascade )

Tugas 7
MDI FORM
Menyusun Form Secara Horisontal, Vertikal dan Cascade

Ø  Membuat  Form MDI dengan 4 Form anak

Buat desain seperti berikut menggunakan MenuStrip












Untuk menampilkan form dengan cara memanggil form tersebut dari sebuah menu  (ToolStripMenuItem), maka dobel klik menu/label tersebut hingga muncul jendela untuk mengetikkan kode, untuk menampilkan form tersebut ketikkan kode berikut pada masing-masing menu/isi dari ToolStripMenuItem tersebut (Show Form 1, 2, 3, dan form 4)

PrivateSubPemrogramanVisualBasicToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesPemrogramanVisualBasicToolStripMenuItem.Click
Form2.MdiParent = Me
Form2.Show()
EndSub

PrivateSub Latihan2ToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) Handles Latihan2ToolStripMenuItem.Click
Form3.MdiParent = Me
Form3.Show()
EndSub

PrivateSub Latihan3ToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) Handles Latihan3ToolStripMenuItem.Click
Form4.MdiParent = Me
Form4.Show()
EndSub

PrivateSub Latihan4ToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) Handles Latihan4ToolStripMenuItem.Click
Form5.MdiParent = Me
Form5.Show()
EndSub

Coba jalankan program terlebih dahulu untuk memastikan apakah pemanggilan Form sudah dapat dilakukan atau belum. Pilih menu Tugas kemudian pilih Show Form 1, jika berhasil maka akan tampil seperti berikut














Jika pemanggilan form sudah dapat dijalankan, langkah selanjutnya adalah membuat menu Window sebagai menu untuk melakukan penyusunan form. Buat seperti berikut dengan menggunakan MenuStrip












Ketikkan kode berikut pada masing-masing menu (Horisontal, vertical dan Cascade)

PrivateSubHorisontalToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesHorisontalToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.TileHorizontal)
EndSub

PrivateSubVertikalToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesVertikalToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.TileVertical)
EndSub

PrivateSubCascadeToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesCascadeToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.Cascade)
EndSub


Ø  Menu Windows (Horisontal, Vertical dan Cascade)
Jangan lupa IsMdiContainerpada Form 1 diganti menjadi “True” terlebih dahulu agar Form 1 mampu menampilkan dan menampung beberapa form sekaligus didalamnya.
Jika sudah, lalu kita jalankan program. Dan untuk tampilan awal ketika program dijalankan hanya tampil Form 1 dengan kondisi masih kosong didalamnya, seperti berikut ini












Agar menu windows (Horisontal, Vertikaldan Cascade) dapat dijalankan, maka kita harus memanggil beberapa form terlebih dahulu agar dapat dilakukan penyusunan, misal kitamasukkan 3 form didalamnya, seperti pada gambar berikut













Masuk ke menu window lalu pilih horizontal ,tampilan akan muncul sebagai berikut.














Masuk ke menu window lalu pilih Vertical ,tampilan akan muncul sebagai berikut.













Masuk ke menu window lalu pilih Cascade ,tampilan akan muncul sebagai berikut.













Ø  Membuat menu tambahan
Untuk menambahkan standar menu seperti program pada umumnya, disini kita juga dapat menambahkan menu tersebut dengan mengeksplor tanda segitiga yang ada disamping kanan dari menu Toolstrip, kemudian kita pilih “Insert Standard Items”. Maka akan muncul menu standar seperti pada gambar berikut


Ø  Mengaturposisi menu sesuai keinginan
Untuk mengatur posisi menu agar menjadi diatas atau dibawah caranya adalah dengan menaruh kursor pada MenuStrip lalu klik kanan pada MenuStrip lalu pilih Send To Back / Bring to font, seperti pada gambar berikut

 atau 






Membuat Menu Dengan Library Tambahan (Menu Ribbon)
Untuk Library tambahan (Ribbon)  menggunakan aplikasi tambahan yaitu DotNetBar. Dan untuk contoh tampilannya seperti berikut ini 

 


Tidak ada komentar:

Posting Komentar

Follow @dhoelzroman