Multiple Document Interface (MDI)

Posted by : Yaqut tina Rabu, 01 Mei 2013

1. Menu

         Keberadaan   menu   memungkinkan   pemakai   akhir   untuk    mengakses perintah-perintah   dan   fungsi-fungsi   level   atas   dalam   antarmuka   yang familiar dan mudah dipahami.
Di Windows Form, menu utama direpresentasikan oleh objek MenuStrip (atau   MainMenu). Menu ini berperan sebagai container—yang nantinya akan menampung item-item menu—dalam struktur menu.

2. Menu PopUp

          Selain dalam bentuk menu bar, menu juga dapat diwujudkan sebagai popup. Jenis   menu   ini umumnya   memerlukan   pemicu—misalnya   klik kanan—agar dapat ditampilkan.

3. Tool Bar

          Pada   umumnya,   tool   bar   menyediakan   akses   ke   fitur-fitur—dengan frekuensi penggunaan   cukup   tinggi—yang   juga   dapat   diakses   melalui menu. Di Windows Form, tool bar direpresentasikan oleh objek ToolBar, dan button-button di dalamnya direpresentasikan oleh objek ToolBarButton.

4. MDI

         Pada   saat   membuat   aplikasi   Windows,   kita   dapat   menggunakan   style aplikasi single-document interface   (SDI) atau multiple-document interface (MDI). MDI menyediakan metodologi untuk   menghasilkan antarmuka “document-centric”. Salah satu keuntungan dari MDI adalah mereduksi clutter dan meningkatkan efisiensi penggunaan ruang layar.

Membuat Menu Sederhana MDI

MENU

          Di    VB.NET,    menu-menu    dihasilkan    melalui    objek    MenuItem yang merepresentasikan bagian-bagian individu menu, misalnya File > New, Open,   dan sebagainya. Langkah-langkah pembuatan menu diperlihatkan sebagai berikut:

1. Buat project aplikasi Windows.
2. Tambahkan komponen MenuStrip ke dalam form, kemudian buat dua buah menu utama bernama File dan Edit.
3. Di menu Edit, tambahkan submenu Cut, Copy, Paste, dan Select All. Untuk menyisipkan separator, gunakan menu drop down di sebelah teks “Type Here”. Atur propertinya seperti tabel berikut:

4. Untuk melengkapi menu, Anda dapat menambahkan shortcut melalui properti ShortcutKeys.

5. Tambahkan kontrol RichTextBox, kemudian ubah nilai properti Dock menjadi Fill. Atur posisinya agar tidak tertindih menu bar. Hasil pembuatan menu diperlihatkan seperti Gambar.

6. Lengkapi kode programnya seperti berikut:

MENU PopUp

Langkah-langkah untuk mengimplementasikan menu popup diperlihatkan sebagai berikut:
1. Masih di project yang sama, tambahkan sebuah komponen ContextMenuStrip.
2. Buat menu item Cut, Copy, Paste, dan Select All pada ContextM
misal popCut, popCopy, popPaste, dan popAll.
3. Untuk mengaitkan menu popup dengan kontrol, tetapkan nilai properti ContextMenuStrip di RichTextBox.
4. Lengkapi kode programnya.
enuStrip. Atur propert-properti Name dari menu popup,

5. Hasil pembuatan menu popup diperlihatkan seperti Gambar.

Tool Bar

         Sebagaimana    ketika    membuat    menu    melalui    komponen    MenuStrip,
pembuatan tool bar yang memanfaatkan ToolStrip juga menyediakan item-item standar.
1. Masih di project yang sama, tambahkan sebuah komponen ToolStrip.
2. Untuk menambahkan item, gunakan menu drop down atau melalui ToolStrip Tasks.   Sebagai contoh, tambahkan item Button, kemudian atur properti Name menjadi btnCut.
3. Langkah   berikutnya   adalah   menspesifikasikan   image   pada   button, dengan   cara mengklik tombol disebelah properti Image. Pilih local resource, kemudian klik Import untuk mencari file gambar yang akan digunakan.
4. Ulangi langkah no 2 dan 3 untuk menambahkan item Copy dan Paste.
5. Lengkapi kode programnya seperti contoh-contoh sebelumnya.
6. Jalankan aplikasi dan uji fungsionalitasnya.

Multiple Document Interface (MDI)

        Dasar dari aplikasi MDI adalah form MDI parent, yaitu form yang berisi
window-window MDI child. MDI child sendiri merupakan subwindow, di mana nantinya ia akan digunakan oleh user untuk berinteraksi dengan aplikasi MDI.

Langkah-langkah pembuatan aplikasi dengan style MDI adalah sebagai berikut:
1. Buat aplikasi Windows baru.
2. Pembuatan project baru sekaligus akan menciptakan form pertama sebagai form default. Form ini nantinya akan kita fungsikan sebagai form    induk    (parent)    sehingga    Anda    perlu    mengatur    properti

IsMDIContainer menjadi True.

3. Untuk melengkapi form induk   ini, tambahkan komponen MenuStrip, kemudian buat dua buah menu utama bernama File dan Window.

4. Untuk menampilkan daftar window yang terbuka, ubah nilai properti MdiWindowListItem pada komponen MenuStrip menjadi WindToolStripMenuItem.
5. Setelah pembuatan form induk selesai, lanjutkan dengan menambahkan item baru untuk membuat form anak (child form). Ubah nilai properti Name-nya menjadi frmChild.
6. Tambahkan kontrol RichTextBox ke dalam form anak, kemudian atur properti Anchor kontrol ini menjadi Top, Left, dan properti Dock menjadi Fill.
7. Lengkapi kode program di form induk.