Senin, 24 Juli 2017

Cara Membuat Show Hide Pada Pemrograman VB.Net

Cara Membuat Show Hide Pada Pemrograman VB.Net

Pemrograman VB.Net salah satu bahasa pemrograman berbasis desktop yang masih digemari oleh Programmer. Karena memang, bahasa pemrograman ini sendiri mempunyai keunggulan tersendiri bagi penggunanya. Mudah untuk diaplikasikan, bahasa pemrograman yang mudah untuk dimengerti bagi pemula, tampilan yang bisa diubah begitu mudah, dan sebagainya.

Ada beberapa function yang biasanya digunakan dalam pembuatan program dengan bahasa pemrograman hasil dari Microsoft ini. Salah satu contohnya yakni memanfaatkan show hide pada button, yang mana biasa digunakan sebagai function untuk mempercantik suatu tampilan pada program itu sendiri.

Untuk pembuatan show hide itu sendiri dibutuhkan beberapa toolbox, antara lain: panel, button, label, picturebox, dan pastinya beberapa toolbox lainnya sesuai kebutuhan pada program tersebut. Pada artikel ini, sebagai contoh, kita memanfaatkan fungsi show hide untuk membuka ataupun menutup panel picturebox seperti gambar GIF di atas.

Langkah-langkah


1. Buka Microsoft Visual Studio 2013, lalu buat project baru.

2. Atur ukuran, border style, start position, window state, top most pada Form.

Keterangan :

  • Ukuran sesuai keinginan, sebagai contoh 445, 640
  • Border style diubah menjadi none
  • Start position WindowsDefaultLocation
  • Window state diubah menjadi maximized
  • Top most diubah menjadi true

3. Drag beberapa tool ke dalam form, sebagai contoh: 2 panel, 1 button, 1 label, dan 2 picturebox.

4. Atur beberapa tool tadi, sebagai contoh atur seperti di bawah ini:

  • Ubah dock panel1 menjadi right
  • Ubah dock panel2 menjadi right
  • Drag button1 ke panel1, lalu ubah dock menjadi top
  • Ubah label1 menjadi > lalu drag ke button1
  • Drag picturebox1 ke panel2, lalu ubah dock menjadi top
  • Drag picturebox2 ke panel2, lalu ubah dock menjadi bottom

Cara Membuat Show Hide Pada Pemrograman VB.Net


5. Lalu masukan script berikut pada Button1:

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        If Button1.Text = ">" Then
            Panel1.Hide()
            Button1.Text = "<"
        Else
            Button1.Text = ">"
            Panel1.Show()
        End If
End Sub

Logikanya:

  • Jika button > kita klik, maka panel1 akan menutup dan button berubah menjadi <
  • Kalau button > di klik untuk kedua kalinya, maka panel1 akan membuka,
  • Begitu seterusnya...


6. Save as, lalu saatnya langkah akhir, debugging.

Kesimpulan


Penggunaan show hide ini pada dasarnya digunakan untuk membuka atau menutup tool lain pada program. Selain cara tersebut efektif, dapat mempercantik suatu tampilan pada form itu sendiri. Tutorial di atas hanyalah sebatas contoh saja, memberikan logikanya, selebihnya sobat lah yang mengembangkan. Semoga artikelnya bermanfaat, sampai bertemu di tutorial selanjutnya.

Artikel Terkait


EmoticonEmoticon