Senin, 10 Desember 2012

Membuat Form Seperti form Microsoft Office 2007

Standard

Agar pengguna nyaman dengan program yang kita buat, tentunya tampilan program harus dibuat semenarik mungkin. kali ini saya akan menshare bagaimana membuat form yang menarik, yaitu dengan membuat orm seperti form ms.ofice 2007. Tentunya kita tahu bahwa tambilan GUI ms.office 2007 sangat nyaman dipandang dan dipakai oleh pemakainya, maka dari itu saya akan menshare bagaimana cara membuat form seperti form buatan microsoft tersebut.
1. Pertama siapkan bahanya yaitu  file bernama DevComponents.Dotnetbar2.dll  ( googling sendiri yach ).
2. Taruh file tersebut ditempat yang mudah kita jangkau tetapi jauhkan file tersebut dari jangkauan anak -anak.
3. Buatlah project baru untuk pembuatan form ini.
4. Manipulasi tampilan form.
    Buka solution explorer klik kanan pada preferences lalu pilih add Refeence. lalu pilih file yang sudah didownload tadi lalu klik ok.




kemudian aktifkan form designer  ganti item yang terblok denganvDvComponets.DotNetBar.Office2007Form


  Lihatlah pada tab form designer (GUI) formnya telah berubah seperti form pada ms.office 2007 dengan ciri yang khas yaitu tombol conrol form yang flat.

5. Menambah kan tool - tool control ms.office 2007.
   Untu k menyempurnakan ritual ini, tidak lah cukup hanya dengan tampilan form, tetapi juga harus dibumbui dengan control control khas besustan ms.office '07.  Pertama klik kanan pada sebuah tab pada toolbox ms.visual studio pilih add new tab lalu ketikan sebuah nama tab baru misalnya villager. Kemudian klik kanan pada tab tersebut lalu pilih Choose Item, seperti gambar dibawah ini:

 

Langkah selanjutnya adalah browse dimana file DevComponen.dotnetbar2.dll di parkir. Kemudian klik OK dan liat anda akan terkejut karena pada toolbox muncul control - control khas ms.office yang sedang kita kita idamkan.

 
Selanjutnya adalah kreatifitas kita dalam merancang form untuk pembuatan program yang menarik dan tentunya berguna untuk kegiatan yang positif.




Demikian semoga bermanfaat, terima kasih. " Salam blogger.."


Jumat, 07 Desember 2012

Membuat ToolStrip Dan ContextMenuStrip Visual Basic 2010

Standard
Membuat ToolStrip

ToolStrip atau lebih dikenal dengan Toolbar merupkan menu atau tempat yang menyediakan Tool atau peralatan untuk control khusus, Dengan adanya Toolbar diharapkan akan mempercepat akses ke fungsi fungsi tertentu seperti save, new blank document, copy, paste dan masih banyak lagi.
Umumnya anggota toolbar berjenis button, Textbox dan combobox, Control inilah yang paling sering disediakan pada toolbar umumya.
Berikut cara membuatnya :


1.   Pilih toolstrip dari toolbox lalu klik pada area dibawah menu strip.
2.   Klik untuk menambah item tollbar.
3.   Pilih salah satu jenis objek ( button, label, combobox atau yang lain)
      untuk button kita bisa menambahkan gambar kedalam button tersebut dengan cara klik kanan 
      lalu pilih set image, kemudian pilih gambar yang diinginkan.
4.   Masukan coding untuk objek tersebut, misalnya untuk menampilkan form.
 Berikut coding yang saya gunakan untuk pemanggilan form Mdi pada project sebelumnya :

Private Sub TampilkanFormAnak1ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak1ToolStripMenuItem.Click, NewToolStripButton.Click
        Form2.MdiParent = Me
        Form2.Show()
    End Sub

    Private Sub TampilkanFormAnak2ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak2ToolStripMenuItem.Click, ToolStripButton1.Click
        Form3.MdiParent = Me
        Form3.Show()
    End Sub

    Private Sub TampilkanFormAnak3ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak3ToolStripMenuItem.Click, ToolStripButton2.Click
        Form4.MdiParent = Me
        Form4.Show()
    End Sub

    Private Sub TampilkanFormAnak4ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak4ToolStripMenuItem.Click, ToolStripButton3.Click
        Form5.MdiParent = Me
        Form5.Show()
    End Sub

Saya hanya menambah event ( yang bergaris bawah ) di belakan event MenuStrip yang sudah ada.


Mengatur posisi toolbar (ToolStrip) dengan MenuContext  
MenuContext adalah menu yang akan ditampilkan ketika kita melakukan klik kanan pada objek terntentu. berikut contoh pemanfaatanya.

1.  Tambahkan contextmenustrip dari toolbox. 
2.   Isi menu seperti contoh berikut :
3.   Untuk mengubah posisi toolbar gunakan coding
(Nama toolstrip).Dock = DockStyle.(Posisi (left, right, top, buttom))
Contoh :
 untuk mengubah posisi toolbar pada posisi kanan:
ToolStrip1.Dock = DockStyle.Right

4.  Untuk mengaktikan contextmenu strip, klik objek ( toolstrip ), pada property contextmenustrip pilih conetxtmenustrip yang sudah kita buat sebelumnya (contextmenustrip1)

 berikut coding lengkap dan hasilnya : 

Private Sub AtasToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles AtasToolStripMenuItem.Click
        ToolStrip1.Dock = DockStyle.Top
    End Sub

    Private Sub KiriToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles KiriToolStripMenuItem.Click
        ToolStrip1.Dock = DockStyle.Left
    End Sub

    Private Sub KananToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles KananToolStripMenuItem.Click
        ToolStrip1.Dock = DockStyle.Right
    End Sub

    Private Sub BawahToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BawahToolStripMenuItem.Click
        ToolStrip1.Dock = DockStyle.Bottom
    End Sub




Demikian semoga baermanfaat, Terima kasih.



Membuat Mdi Form Visual Basic 2010

Standard
 MDI form


Mdi form  ialah form yang dapat menapilkan beberapa form sekaligus. Terbagi menjadi 2 jenis form yaitu form induk dan form anak. Form induk inilah yang akan menjadi tempat form-form anak ditampilkan. Berikut langkah-langkah dalam membuat MDI form ;
      1.       Buatlah project baru, lalu pilih widows form application. 
     2.       Set form pertama ( form 1 ) menjadi form induk dengan cara,
                       atur properti  IsMdiContainer   menjadi       “True”.
      3.       Tambahkan 4 windows form lagi.



      4.  Atur form1( form Induk ) pada properti  Windowstate menjadi  maximized.
      5. Buatlah sebuah Menustrip untuk memanggil form form anak,  pilih MenuStrip dari toolbox .
           Lalu buatlah menu-menu seperti gambar diatas.

      6.  Untuk memanggil form anak hanya dengan menggunakan code :

       Nama form.Mdiparent=me  ' mendiskripsikan form anak
           Nama form.show/show  dialog()          ' Memanggil form anak

      7.       Atur coding tersebut pada masing masing  menu strip untuk memanggil  form anak tertentu.

  Private Sub TampilkanFormAnak1ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak1ToolStripMenuItem.Click
        Form2.MdiParent = Me
        Form2.Show()
    End Sub  '   Memanggil form2 ( Form Anak 1)

    Private Sub TampilkanFormAnak2ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak2ToolStripMenuItem.Click
        Form3.MdiParent = Me
        Form3.Show()
    End Sub   Memanggil form3 ( Form Anak 2)

    Private Sub TampilkanFormAnak3ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak3ToolStripMenuItem.Click
        Form4.MdiParent = Me
        Form4.Show()
    End Sub    Memanggil form4 ( Form Anak 3)

    Private Sub TampilkanFormAnak4ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TampilkanFormAnak4ToolStripMenuItem.Click
        Form5.MdiParent = Me
        Form5.Show()
    End Sub    Memanggil form5 ( Form Anak 4)


Mengatur posisi form anak Mdi
  
Pada tdkita kondisi defaultnya, form anak akan ditampilkan bertumpuk, ini tentunya membuat tidak nyaman tampilan karena berkesan tidak rapi. Sebenarnya kita dapat mengatur posisi tampilan form - form tersebut agar terlihat rapi walaupun semua form anak ditampilkan. Berikut langkah - langkahnya:


1.       Tambahkan menu window di menustrip yang sudah kita buat. Isikan sub menu seperti pada gambar.

2.       Gunakan koding berikut untuk mengatur posisi form anak :
                  Me.LayoutMdi(System.Windows.Forms.MdiLayout.(Posisi)
          Isikan nilai posisi dengan  :  tile horizontal, tile vertical atau                   cascade

         Koding lengkap masing - masing tombolnya sebagai berikut :

  
    Private Sub TileVertikalToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TileVertikalToolStripMenuItem.Click
        Me.LayoutMdi(System.Windows.Forms.MdiLayout.TileVertical)
    End Sub  ' Tile vertikal

    Private Sub TileHorisontlToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TileHorisontlToolStripMenuItem.Click
        Me.LayoutMdi(System.Windows.Forms.MdiLayout.TileHorizontal)
    End Sub  ' Tile Horisontal

    Private Sub CascadeToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles CascadeToolStripMenuItem.Click
        Me.LayoutMdi(System.Windows.Forms.MdiLayout.Cascade)
    End Sub  ' Bertumpuk ( cascade )
          
            3. Output


All form
Cascade

Tile Horizontal
Tile Vertical

Demikian semoga bisa bermanfaat, terima kasih.

Baca juga :
Membuat Toolbar (Tool Strip) dan Context MenuStrip.
Membuat Form Seperti Form MS.Office 2007.
Kumpulan Tugas - Tugas.