Selasa, 11 Desember 2012

Membuat MDI Form dan Library Tambahan

Halo, kawan blogger dan apa kabar? Ya, masih sama posting kali ini masih membahas tugas kuliah pemrogramman visual basic 2010. Dan berikut adalah ulasan soal yang diberika oleh dosen kami:
  1. Buatlah form MDI minimal 4 buah form anak 
  2. Buatlah windows tile vertical, tile horizontal dan cascade 
  3. Atur posisi menu dan toolbar sesuai selera 
  4. Buat menu menggunakan library tambahan



Ok, mungkin bahasan ini akan lebih banyak dari posting yang sudah-sudah, dan mulai saja sebelumnya kita buka VB 2010 dan buat project baru klik Ctrl+Shift+N(kombinasi keyboard) atau lewat menu File>>New>>Project. Setelah itu, kita akan dihadapkan jendela dialog dan pastikan pilih pada tab Visual Basic>>Windows>>Pilih Windows Forms Appliacation . Terus kita tentukan nama project serta tentukan lokasi penyimpanan sesuai keinginan, klik OK. 

1.  Membuat Form MDI
Sekarang kita dihadapkan pada satu form, saya sarankan buat terlebih dahulu form sesuai keinginan yang dibutuhkan dan saya sendiri membuat sebanyak 7 form serta 1 buah explorer form. Kita desain dahulu form yang ada dan menentukan atribut yang sesuai dengan kebutuhan.
Pertama kita buat Form MDI parent nya terlebih dahulu dari form, tapi terlebih dahulu kita desain Formnya; 
~     Pada Tab Menus & Toolbars di Toolbox, pilih MenuStrip.

 

       





       
      
     ~   Drag dan Drop di form yang pertama dan Otomatis ada kotak kecil bertuliskan “Type Here” ganti sesuai kebutuhan untuk Menu menampilkan Form dan bisa dilihat desainnya seperti dibawah.
 









       
      ~   Nah, sekarang form ini kita jadikan MDI paren untuk setiap form yang ada, dengan cara klik kanan pada Form>>Properties>>Cari “IsMdiContainer”>>Pilih True.

           
     
         








      ~   Sekarang kita buat 4 buat Form kosong, dengan cara klik Menu Project>>Add Windows Form>>Akan otomatis menyorot ke Windows Form>>Add atau barang kali form kosong selain form induk mau diisi silakan disesuaikan selera.

      ~   Lakukan cara diatas untuk menambah form lain dan otomatis kita punya 5 buah form, karena form pertama sudah menjadi dengan begitu kita membuat form sejumlah 4 lagi untuk keperluan di SOAL 2.

      ~   Sekarang, kita beralih ke koding program dari menu File dan untuk tiap-tiap form,
-      Koding Program untuk tiap form, double-click pada form yang telah kita buat dan masukan baris program.
      
      ~   Baris Form 2
        Form2.MdiParent = Me
        Form2.Show()
-       ~   Baris Form 3
        Form3.MdiParent = Me
        Form3.Show()
-       Baris Form 4
Form4.MdiParent = Me
Form4.Show()

-       ~   Baris Form 5
Form5.MdiParent = Me
Form5.Show()

-      ~    Koding Exit
Me.Close()
~   Dan hailnya adalah seperti ini, pilih form yang ada


 

      2.  Membuat windows tile vertical, tile horizontal dan cascade
Kita lihat lagi form induk yang kita punya, tambahkan lagi menustripnya di sebelah menu file, kita buat menu “Windows” dan buat seperti desain dibawah ini



       






Dan beralih kita ke baris kodingnya,
      ~    Baris koding Cascade
Me.LayoutMdi(MdiLayout.Cascade)
      ~    Baris koding TileHorizontal
Me.LayoutMdi(MdiLayout.TileHorizontal)
       ~   Baris koding TileVertical
Me.LayoutMdi(MdiLayout.TileVertical)
 Dan kenapa kita membuat 4 buah form anak , karena form induk tak bisa dipanggil didalamnya, tekan F5 untuk running program,setelah itu pilih dulu form yang akan ditampilkan dan minimal dua yang dipilih ,hasilnya seperti dibawah ini;

~   Cascade

 

~   Tile Horizontal

 

~   Tile Vertical













3.  Atur posisi menu dan toolbar sesuai selera
Ok, dari form induk yang telah dibuat kita akan mengatur visualisasinya sehingga terlihat lebih menarik dan tidak terlalu membosankan, seperti tampilan dibawah ini 



 

~   Dari atribut set gambarnya, dengan cara klik kanan pada tiap items dan sub items>>pilih set image>>pilih local souce>>import>>cari gambar yang dinginkan dan klik Ok.
~   Nah, dari tampilan diatas menunya disebelah kiri, caranya klik kanan pada menustrip>>pilih dock>>tentukan letak layoutnya klik pada bagian kiri.
Seperti gambar dibawah ini,


~  Dan kita juga bisa mengatur ikon dari setiap form yang ada, klik properties pada tiap-tiap form>>pilih icon>>cari ikon yangh sesuai dan selesai form lumayan bagus tampilannya.    

      4.   Buat menu menggunakan library tambahan
Disini saya akan membuat menu yang tampilannya seperti windows explorer, dengan cara Klik Project>>Add windows Form>>Windows Form>>Pilih Explorer Form>>Add
Tampilan seperti dibawah ini,


 













~   Kita sesuaikan saja tampilannya seperti berikut






~   Hapus menu yang tidak dipakai gunakan File(sub menunya hanya exit) dan View, dan hapus juga baris programnya sehingga tidak mengakibatkan error, satu lagi yang perlu dihapus di baris programnya yaitu untuk listviewnya dengan cara klik dua kali formnya hapus semua baris program pada LoadListView dan SetUpListViewColumns.
~   Karena kita hanya menggunakan rootview saja, dan cari baris koding untuk load,
~   Pada baris koding LoadTree()
     Ganti kodingnya sebagai berikut,
        tvRoot = Me.TreeView.Nodes.Add("Menu")
        tvNode = tvRoot.Nodes.Add("Selamat Datang")
        tvNode = tvRoot.Nodes.Add("Beli Barang")
~   Pada script koding TreeView_AfterSelect ganti sebagai berikut, buat terlebih dahulu Form 6 & Form 7
 
 If TreeView.SelectedNode.Index = 0 Then
        Form6.ShowDialog()
        ElseIf TreeView.SelectedNode.Index = 1 Then
        Form7.Show()
        End If
~   Pada form induk buat toolstrip untuk menampilkan explorer, dengan koding
Explorer.Show()

~ Form 6




~   Selesai tinggal di jalankan saja

Baca selengkapnya »

0 komentar:

Poskan Komentar

Silakan tinggalkan komentar anda sesuai posting.

Copyright © ★ PoemQey Blog ★ 2010

Template By Nano Yulianto