Latihan Membuat MDI Form

1. langkah awal, meng_Install DevExpress (Ribbon) yang akan digunakan, maka akan muncul secara
    otomatis pada menu toolbar Visual Studio 2010.
2. Bukalah Visual Studio 2010  kemudian , Membuat console baru dengan cara:

    a. File new project
    b. New Project Start Page

    c. Atau dengan menggunaka icon ,

 

    Pilih Visual Basic – Windows – Windows Forms Applications, lalu beri nama sesuai keinginan anda;

3. Kemudian buatlah design seperti ini:

 

 Dengan menggunakan item sebagai berikut:
a. Pada items Type menggunakan toolbox RibbonControl, dengan aturan sbb:
    Kolom Ribbon Type:
   * Memberi nama pada RibbonControl : klik nama pada kolom properties Text beri nama dengan Type
   * Membuat PageGroup: klik kanan pd Type – Add PageGroup
   * Membuat Button: klik kanan pd PageGroup – Add Button, lalu berilah nama pada kolom Properties
   “Caption” yang ada pada masing-masing Button tersebut dengan nama “Cascade” ; ”Horizontal” ;
   ”Vertical”


   Kolom Ribbon Data Form:
   * Memberi nama pada RibbonControl : klik nama pada kolom properties Text beri nama dengan Data Form
   * Membuat PageGroup: klik kanan pd Data Form – Add PageGroup
   * Membuat Button: klik kanan pd PageGroup – Add Button, lalu berilah nama pada kolom Properties
   “Caption” yang ada pada masing-masing Button tersebut dengan nama “Form 1 – 4”
   * Membuatlah lagi PageGroup: klik kanan pd Data Form – Add PageGroup
   * Membuat Button: klik kanan pd PageGroup – Add Button, lalu berilah nama pada kolom Properties
   “Caption” yang ada pada masing-masing Button tersebut dengan nama “Hapus Form 1 – 4”

b. Membuat ToolStrip pada toolbox
    * Buatlah Button pada ToolStrip: klik pada icon – Button, masukan gambar dengan cara; klik kanan pada
       button keluar – set image – local resourse – pilih gambar – ok
    * Lalu buatlah ToolStrip lagi dan lakukan langkah seperti yang telah dilaksanakan membuat SplitButton
       dengan terdiri dari:


1. File dengan teridi dari sub menu “Exit dan Form” dan jangan lupa memberi ToolTipText pada Properties
    Dengan Nama Keluar

2. Windows yang teridi dari sub menu: “Cascade” ; ”Horizontal” ; ”Vertical”
    * Tempatkan ToolStrip pada kolom bawah dengan cara: klik anak panah pada ToolStrip – pilih Doc dan pilih pada kolom bawah



3. Skarang tahap berikutnya tinggal membuat form dengan cara : Klik kanan pada Solution Explorer – add –  Windows Form – OK, buatlah 5 form dengan mengulang langkah tersebut.


4. Sekarang masukan koding pada masing-masing Button
    Button pada RibbonControl

    Page Type

    Cascade

    Me.LayoutMdi(MdiLayout.Cascade)

    Horizontal

    Me.LayoutMdi(MdiLayout.TileHorizontal)

    Vertical

    Me.LayoutMdi(MdiLayout.TileVertical)

    Page Data Form

    Form 1

    Form2.MdiParent = Me

    Form2.Show()

    Form 2

    Form3.MdiParent = Me

    Form3.Show()

    Form 3

    Form4.MdiParent = Me

   Form4.Show()

   Form 4

   Form5.MdiParent = Me

   Form5.Show()

   Hapus Form 1 – 4

   Form2.Close()

   Form3.Close()

   Form4.Close()

   Form5.Close()

   ToolStrip

   Keluar

   If MsgBox("Anda Yakin", vbYesNo + vbQuestion + vbDefaultButton1, "Masuk") = vbYes Then

  Me.Close() 

 6. Setelah semua scipt sudah dimasukan maka program saat dijalankan akan tampil seperti ini:

 

Ketika tombol form tekan maka akan seperti ini:

Cascade:

Horizontal:

Vertical:

Keluar: