MDI-Parent Form (VB 2008)
- ..
Pada Visual Basic, kita dapat mengembangkan aplikasi dengan 2 macam interface, yaitu :
- SDI, Single Document Interface
- MDI, Multiple Document Interface
Pada SDI, setiap form merupakan form-form yang berdiri sendiri. Contoh aplikasi pada Windows yang menggunakan SDI adalah Notepad, Wordpad, dan Paint.
Sedangkan pada MDI, MDI digunakan untuk membuat aplikasi yang berbentuk Multiple Document Interface. Sebuah MDI Form dapat disebut juga container yang terdiri atas form-form lain yang disebut MDI Child.
Gambar 1.1 - Contoh bentuk MDI Form.
Aplikasi MDI memiliki 3 jenis jendela, yaitu Frame Window, MDI Client Window, dan beberapa Child Window. Frame Window berbentuk seperti jendela utama yang memilki Title Bar, Minimize Button, dan Maximize Button. Client Window adalah anak dari Frame Window yang berfungsi sebagai background untuk Child Windows.
Ada beberapa hal yang harus diperhatikan dalam penggunaan MDI Form, antara lain :
- Di dalam satu proyek hanya dapat terdiri atas 1 MDI Form.
- Kita tidak dapat menempatkan kontrol-kontrol secara langsung pada MDI Form, kecuali kontrol yang memiliki properti Alignment atau kita dapat menempatkannya di atas kontainer, seperti PictureBox.
- Kita tidak dapat menggunakan metode penggambaran (Print, Line, Circle, dan lain-lain) seperti pada form umumnya.
- Semua Child Form tidak dapat dipindahkan keluar dari MDI Form.
- Ketika sebuah Child Form di-minimize akan menjadi icon di bawah MDI Form.
- Kita dapat menentukan apakah Child Form akan secara otomatis ditampilkan atau tidak menggunakan properti AutoShowChildren pada MDI Form.
- Jika pada Child Form terdapat menu, maka menu tersebut akan ditampilkan pada menu MDI Form.
- Kita tidak dapat menempatkan kontrol-kontrol visible yang tidak mendukung alignment, kecuali apabila kita menempatkannya ke dalam sebuah kontainer seperti PictureBox dan Toolbar. Namun, kontrol non-visible seperti Timer dan CommonDialog Box dapat ditempatkan di atas MDI Form.
Pertama, kita dapat membuat MDI Form dari sebuah form, yaitu dengan mengatur properti IsMdiContainer pada form tersebut menjadi True. (Gambar 1.2).
Gambar 1.2 - Properti untuk mengubah form menjadi MDI Form.
Kedua, kita dapat menambahkan MDI Form dengan langkah-langkah berikut. Pada menu bar, klik Project. Lalu klik Add New Item... (Gambar 1.3) sehingga muncul tampilan seperti Gambar 1.4. Berikutnya pilih MDI Parent Form dan beri nama MDI Form tersebut sesuai yang Anda inginkan dan klik Add.
Gambar 1.3
Gambar 1.4
Selain itu, kita juga dapat mengubah sebuah form menjadi sebuah MDI Child Form. Hal ini dapat dilakukan dengan mengetikkan kode program. Aturan penulisannya adalah seperti berikut :
(Nama Form).MdiParent = (Nama MDI Form)
Contoh : Form2.MdiParent = Form1
Pada contoh di atas, sebuah form dengan nama Form2 diatur menjadi MDI Child bagi sebuah MDI Form bernama Form1.
Selain perintah / kode program di atas, kita juga dapat menambahkan kode program untuk mengubah tampilan MDI Child Form. Ada 3 bentuk tampilan MDI Child Form-nya yaitu :
1. Cascade, ketikkan kode program seperti berikut :
Me.LayoutMdi(MdiLayout.Cascade)
Maka tampilan MDI Child akan menjadi seperti berikut :
Gambar 1.5
2. Tile Vertical, ketikkan kode program sebagai berikut :
Me.LayoutMdi(MdiLayout.TileVertical)
Maka tampilan MDI Child akan menjadi seperti berikut :
Gambar 1.6
3. Tile Horizontal, ketikkan kode program seperti berikut :
Me.LayoutMdi(MdiLayout.TileHorizontal)
Maka tampilan MDI Child akan menjadi seperti berikut :
Gambar 1.7
Berikutnya, kita akan mencoba membuat program menggunakan sebuah MDI Form. Kita akan mencoba menampilkan program yang telah kita buat sebelumnya pada MDI Form. Langkah-langkahnya adalah sebagai berikut :
Pertama, kita buat MDI Form-nya terlebih dahulu. Pada saat ini kita akan membuatnya menggunakan cara yang kedua (lihat di atas). Karena kita akan menampilkan form lain pada MDI Form ini, kita tambahkan teks lain pada menu bar MDI Form-nya. Contoh, kita tambahkan "&Show" (Simbol "&" untuk membuat shortcut key menggunakan tombol Alt pada keyboard dan huruf di sebelah kanan simbol "&" tersebut. Pada kasus ini shortcut key-nya adalah Alt+S) seperti pada Gambar 1.8.
Gambar 1.8
Kedua, tambahkan teks di bawah teks Show, contohnya kita ketikkan Program Operasi Aritmatika untuk menampilkan Program Operasi Aritmatika. Buat program tersebut pada form yang telah ada. Untuk mengetahui cara membuat program tersebut, klik disini. (Gambar 1.9)
Gambar 1.9
Ketiga, double-click pada teks "Program Operasi Aritmatika" tersebut. Lalu ketikkan kode program sebagai berikut :
(Nama Form Tempat Anda Meletakkan Program Tersebut).Show()
Contoh : Form1.Show()
Keempat, klik Project pada menu bar Anda, lalu pilih (Nama Proyek Anda) Properties... (pada contoh ini nama proyeknya adalah MDI) (Gambar 1.10) untuk mengatur program mana yang akan dijalankan saat melakukan Debug sehingga tampil layar seperti Gambar 1.11. Pilih form MDI Anda pada kotak "Startup form:" sehingga program MDI Anda yang akan dijalankan terlebih dahulu.
Gambar 1.10
Gambar 1.11
Terakhir, klik tombol F5 pada keyboard Anda atau klik tombol (Debug) untuk menjalankan program tersebut. Maka akan tampil hasil seperti Gambar 1.12 dan apabila Anda meng-klik tombol Program Operasi Aritmatika akan muncul program operasi aritmatika yang telah Anda buat (Gambar 1.13).
Gambar 1.12
Gambar 1.13
Sekian dan terima kasih~~~.