Memanipulasi Kontrol Button di Visual Basic .NET (VB.NET)

Ketika kita membuat sebuah aplikasi desktop berbasis Windows Form pasti kita sudah tidak asing lagi yang namanya kontrol Button, yang merupakan bagian yang cukup penting untuk melakukan interaksi pengguna dengan cara klik tombol.

Apa itu Kontrol button?

Kontrol Button adalah komponen antarmuka (UI) yang digunakan untuk menjalankan suatu perintah ketika diklik oleh pengguna. Di visual basic.net, button sering digunakan untuk:

  • Menyimpan data
  • Menambah data
  • Menampilkan pesan
  • Menjalankan proses tertentu
  • Menutup aplikasi dll

Button ini biasanya ada di Toolbox dengan nama Button.


Berikut dibawah ini adalah beberapa manipulasi Button yang saya buat :

1. Tukar Button

Ini adalah  Button yang mempunyai 2 perintah sekaligus dalam 1 Button

Public Class Form1

    Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

        If Button1.Text = "Add" Then

            Button1.Text = "Save"

        ElseIf Button1.Text = "Save" Then

            Button1.Text = "Add"

        End If

    End Sub

End Class

Catatan :

Ketika user mengklik tombol Add, maka akan berubah menjadi tombol Save dan sebaliknya jika di klik tombol Save maka akan berubah menjadi tombol Add dan begitu seterusnya. Diantara tombol Add dan Save bisa disisipkan kode perintah yang berbeda sesuai teks Buttonnya.

2. Hover Button

Ini adalah button yang mempunyai animasi, yang apabila fungsi mouse di arahkan diatas Button tersebut maka background Button berubah warna sesuai warna yang Anda inginkan.

Public Class Form1

    Private Sub Button2_MouseEnter(sender As Object, e As EventArgs) Handles Button2.MouseEnter

        Button2.BackColor = Color.Aqua  'Ketika mouse masuk kearea button

    End Sub


    Private Sub Button2_MouseLeave(sender As Object, e As EventArgs) Handles Button2.MouseLeave

        Button2.BackColor = SystemColors.Control  'Ketika mouse keluar dari are button

    End Sub

End Class

Catatan : 

Selain melakukan perubahan warna bisa juga melakukan manipulasi teks pada button


3. Button dengan Icon

Button ini didalamnya selain teks juga bisa disisipkan sebuah Icon tertentu misal icon tambah data, icon Delet dan lain-lain

Untuk membuat icon ini Anda cukup melakukanya di properties, berikut langkah-langkahnya

  1. Klik Button yang akan ditambah icon
  2. Cari di kotak Properties Button yang namanya Image dan klik bagian [...]
  3. Pada jendela Select Resource pilih RadioButton Local resource dan klik Button Import
  4. Cari tempat penyimpanan icon Anda kemudian klik Icon yang diinginkan
  5. Selesai. Icon akan masuk ke Button

Atur perataan Teks dan Icon di Properties:

  •  ImageAlign :MiddleCenter
  • Textalign:MiddleCenter dan 
  • TextImageRelation:ImageAboveText

Maka hasilnya seperti ini 






Catatan :

PENTING Siapkan dulu file imagenya dengan Format .PNG,  kalau belum punya cari di https://icon-icons.com/id/ , karena vb.net tidak menyediakan icon tersendiri, kita harus mencarinya

Itulah beberapa manipulasi dari Button yang Admin sudah pilih. Sebenarnya masih banyak lagi cara untuk memanipulasi Button terutama menggunakan properties.

Demikianlah artikel kali ini tentang Memanipulasi Kontrol Button di Visual Basic .NET, semoga artikel ini bermanfaat buat kita semua.Amin.

Selamat mencoba semoga berhasil.

Post a Comment for "Memanipulasi Kontrol Button di Visual Basic .NET (VB.NET)"