Pengembangan Windows Forms C#: Tutorial Praktis

Pengembangan Windows Forms C#: Tutorial Praktis

Setelah menguasai aplikasi konsol, langkah berikutnya yang logis adalah membuat pengalaman desktop kaya menggunakan Windows Forms Visual Studio. Panduan ini memandu Anda melalui setiap tahap—dari pengaturan proyek hingga penambahan kontrol, pengkabelan event, dan bahkan pengintegrasikan komponen canggih seperti TreeView dan PictureBox.

Dasar Windows Forms

Aplikasi Windows Forms berjalan secara asli pada mesin desktop. Ia terdiri dari tata letak visual dan serangkaian kontrol (label, kotak teks, kotak daftar, dll.) yang berinteraksi dengan pengguna.

Di bawah ini adalah contoh formulir login sederhana yang dibuat dalam C#:

Elemen kunci dalam contoh:

1. Kontrol Label yang menjelaskan kotak teks yang berdekatan.
2. Kotak teks untuk input nama pengguna dan kata sandi.
3. Tombol yang memicu logika otentikasi.

C# Hello World

Mari kita buat form Windows “Hello World” dasar untuk memahami alur kerja Visual Studio.

1. Buka Visual Studio dan pilih File > New > Project.

   

2. Pilih kategori Windows dan pilih Windows Forms App (.NET Framework). Beri nama proyek DemoApplication dan klik OK.

   

3. Solution Explorer akan menampilkan dua file:
   • Form1.cs – form visual.
   • Program.cs – titik entri aplikasi.
4. Tambahkan Label dari Toolbox, seret ke form, dan atur properti Text menjadi Hello World.

   

5. Jalankan aplikasi – form menampilkan “Hello World”.

   

Menambahkan Kontrol ke Form

Di bawah ini adalah panduan langkah demi langkah untuk merangka form informasi pengguna yang menangkap nama, alamat, kota, jenis kelamin, dan preferensi kursus.

GroupBox – Bagian Logis

Seret GroupBox ke form dan ubah namanya properti Text menjadi User Details.

Label

Tempatkan dua label di dalam GroupBox: “Name” dan “Address”.

TextBox

Tambahkan dua kotak teks, beri nama txtName dan txtAddress.

ListBox – Pemilihan Kota

Sisipkan ListBox bernama lstCity dan isi dengan “Mumbai”, “Bangalore”, dan “Hyderabad”.

RadioButton – Jenis Kelamin

Tempatkan dua kontrol RadioButton: rdMale (Text: Male) dan rdFemale (Text: Female).

CheckBox – Preferensi Kursus

Tambahkan dua kontrol CheckBox: chkC (Text: C#) dan chkASP (Text: ASP.NET).

Tombol – Kirim

Seret Button bernama btnSubmit dengan Text diatur ke “Submit”.

Penanganan Event untuk Kontrol

Event terpicu sebagai respons terhadap tindakan pengguna. Di bawah ini adalah dua skenario umum.

Perubahan Pemilihan ListBox

Klik dua kali kontrol lstCity untuk menghasilkan penangan event. Tambahkan kode berikut:

private void lstCity_SelectedIndexChanged(object sender, EventArgs e) { var selected = lstCity.SelectedItem?.ToString(); if (!string.IsNullOrEmpty(selected)) MessageBox.Show($"You selected: {selected}"); }

Menjalankan aplikasi akan menampilkan kotak pesan setiap kali kota dipilih.

Klik Tombol – Kirim

Klik dua kali btnSubmit untuk membuat handler-nya dan sisipkan:

private void btnSubmit_Click(object sender, EventArgs e) { var name = txtName.Text; var address = txtAddress.Text; MessageBox.Show($"Name: {name}\nAddress: {address}"); }

Saat Anda klik “Submit”, detail yang dimasukkan akan ditampilkan.

Kontrol TreeView dan PictureBox

TreeView – Data Hierarkis

Seret TreeView ke form. Gunakan properti Nodes untuk menambahkan node root yang diberi label “Root”, lalu tambahkan node anak “Label”, “Button”, dan “CheckBox”.

PictureBox – Menampilkan Gambar

Sisipkan PictureBox, atur SizeMode ke Zoom, dan tetapkan gambar melalui properti Image.

Ringkasan

• Windows Forms memungkinkan aplikasi desktop yang berjalan langsung pada mesin pengguna.
• Kontrol seperti label, kotak teks, kotak daftar, tombol radio, dan kotak centang ditambahkan dari Toolbox.
• Komponen canggih seperti TreeView dan PictureBox memperluas kemampuan UI.
• Handler event merespons interaksi pengguna, dengan klik tombol dan pemilihan daftar sebagai yang paling umum.