Cara Memasukan Control ke Dalam Form dan Mengganti Teksnya di VB .NET

Sebelumnya Admin sudah membahas bagaimana cara pertama kali membuat peroject sampai dengan menampilkan Form kosong. 

Form kosong yang kita sudah buat itu wajib kita letakan control yang kita butuhkan dalam membuat sebuah project, karena itu hal yang paling dasar misalnya meletakan Label, TextBox, Button dll.

Untuk itu dalam artikel kali ini Admin akan membahas langkah-langkah memasukan suatu control kedalam Form dan merubah teksnya.

Apa Itu Control dan Form di VB .NET?

Sebelum masuk ke praktik, kita samakan dulu persepsi.

Form adalah tampilan utama aplikasi Windows Forms. Sementara itu, Control Form adalah komponen yang ada di dalam Form, seperti:

• Label

• TextBox

• Button

• ComboBox

• dan lain-lain

Selain itu, ada juga istilah Control Box, yaitu tombol bawaan Form seperti Minimize, Maximize, dan Close yang biasanya ada di pojok kanan atas Form.

Persiapan Awal Membuat Project VB .NET

Sebelum memasukan control, pastikan kamu sudah:

1. Membuka Visual Studio

2. Membuat project baru

3. Memilih Windows Forms App (.NET Framework)

4. Memberi nama project sesuai keinginan

Setelah itu, kamu akan melihat satu Form kosong bernama Form1. Nah, di sinilah semua control akan kita letakan.

Sekarang kita akan mendesain Form seperti Gambar dibawah ini sebagai latihan :

Cara Memasukan Control ke Dalam Form

1. Cari sebuah Toolbox biasanya ada disebelah kiri bentuknya seperti bawah ini :

Toolbox

*Jika di project Anda belum ada Toolbox tekan View pilih Toolbox atau CTRL+ALT+Z

2. Setelah Toolbox sudah terdedia sekarang saatnya kita akan meletakan control berikut:

• Label
• TextBox
• Button

Meletakan Control:

Control Label

Caranya klik icon Label yang ada di Toolbox (lihat nomor 2 gambar diatas) kemudian klik di Form kosong, maka Label akan muncul dengan tulisan Label1.

Lanjutkan dengan meletakan Label2, Label3 dan Label4 dengan cara yang sama.

Control TextBox

Caranya klik icon TextBox yang ada di Toolbox (lihat nomor 3 gambar diatas) kemudian klik di Form kosong, maka TextBox1 akan muncul dengan Textbox kosong.

Lanjutkan dengan meletakan TextBox2, TextBox3, TextBox4 

Control Buton

Caranya klik icon Button yang ada di Toolbox (lihat nomor 1 gambar diatas) kemudian klik di Form kosong, maka Button1 akan muncul dengan tulisan Button1.

Untuk mengubah tulisan pada Control Form diatas ada 2 cara, yaitu dengan melalui Properties dan Code

A. Dengan Properties

Untuk mengubah tulisan pada 5 Control Form diatas menggunakan Properties caranya adalah klik Control yang diinginkan misal Label1 maka otomatis muncul kotak Properties Label1. Cari kolom Text ganti isian masing-masing Control  menjadi berikut :

Label1 > DATA SISWA

Label2 > NAMA 

Label3 > KELAS 

Label4 > ASAL SEKOLAH 

Button1> Tampil Data

Catatan:* TextBox4 >Multiline=true, ScrollBars=Booth

Sehingga hasil akhir menjadi seperti gambar dibawah ini :

B. Dengan Code

Doubel klik area Form kosong, maka jendela kode akan muncul, lalu hapus semua kode yang ada dan ganti dengan code dibawah ini :

Public Class Form1

    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load

        Me.Text = "LATIHAN 1" 'menulis judul pada Bar Form

        Label1.Text = "DATA SISWA" 'menulis label pada Label1

        Label2.Text = "NAMA" 'menulis pada Label2

        Label3.Text = "KELAS" 'menulis pada Label2

        Label4.Text = "ASAL SEKOLAH" 'menulis pada Label4

        Button1.Text = "Tampil Data" 'menulis pada Button1

    End Sub

End Class

Peringatan :

Menganti tulisan pada control tidak disarankan dengan melalui code seperti diatas, karena tulisan pada Label dan Button sifatnya statis tidak berubah kecuali TextBox yang bersifat dinamis.

Kesimpulan

Singkatnya:

• Properties → untuk teks tetap (statis) dan tampilan awal

• Code → untuk teks dinamis dan interaksi user

Dalam aplikasi nyata, keduanya hampir selalu dipakai bersamaan. Properti Text dipakai sebagai nilai awal, lalu kode dipakai untuk mengubahnya sesuai kondisi.

💡 Tips:
Biasakan set Text awal lewat Properties, lalu ubah lewat Code kalau memang perlu. Ini bikin aplikasi kamu lebih rapi dan mudah dikelola.