Tutorial: Membuat aplikasi Formulir Windows dengan .NET

Dalam tutorial ini, Anda mempelajari cara menggunakan Visual Studio untuk membuat aplikasi Windows Forms. Dengan Visual Studio, Anda menambahkan kontrol ke formulir dan menangani peristiwa. Pada akhir tutorial ini, Anda memiliki aplikasi sederhana yang menambahkan nama ke kotak daftar.

Di tutorial ini, Anda akan:

• Membuat aplikasi Formulir Windows baru
• Menambahkan kontrol ke formulir
• Menangani peristiwa kontrol untuk menyediakan fungsionalitas aplikasi
• Menjalankan aplikasi

Prasyarat

• Visual Studio 2022 versi 17.12 atau versi yang lebih baru
  • Pilih beban kerja pengembangan desktop .NET
  • Pilih komponen individu .NET 9

Membuat aplikasi Windows Forms

Langkah pertama untuk membuat aplikasi baru adalah membuka Visual Studio dan menghasilkan aplikasi dari templat.

1. Buka Visual Studio.

2. Pilih Buat proyek baru.

   

3. Dalam kotak Cari templat , ketik winforms, dan tunggu hingga hasil pencarian muncul.

4. Di menu dropdown bahasa kode, pilih C# atau Visual Basic.

5. Dalam daftar templat, pilih aplikasi Formulir Windows lalu pilih Berikutnya.

   Penting

   Jangan pilih templat aplikasi Formulir Windows (.NET Framework).

   Gambar berikut menunjukkan templat proyek C# dan Visual Basic .NET. Jika Anda menerapkan filter bahasa kode, templat yang sesuai akan dicantumkan.

   

6. Di jendela Konfigurasikan proyek baru Anda, atur Nama proyek ke Nama dan pilih Berikutnya.

   Anda juga dapat menyimpan proyek Anda ke folder lain dengan menyesuaikan jalur Lokasi .

   

7. Terakhir, di jendela Informasi tambahan, pilih .NET 9.0 (Dukungan Istilah Standar) untuk pengaturan Kerangka Kerja , lalu pilih Buat.

   

Setelah aplikasi dibuat, Visual Studio harus membuka jendela perancang untuk formulir default, Form1. Jika perancang formulir tidak terlihat, klik dua kali formulir di jendela Penjelajah Solusi untuk membuka jendela perancang.

Bagian penting dari Visual Studio

Dukungan untuk Formulir Windows di Visual Studio memiliki empat komponen penting yang berinteraksi dengan Anda saat membuat aplikasi:

1. Penjelajah Solusi

   Semua file proyek, kode, formulir, sumber daya Anda, muncul di jendela ini.

2. Karakteristik

   Jendela ini memperlihatkan pengaturan properti yang dapat Anda konfigurasi berdasarkan konteks item yang dipilih. Misalnya, jika Anda memilih item dari Penjelajah Solusi, pengaturan yang terkait dengan file akan ditampilkan. Jika objek di Perancang dipilih, properti kontrol atau formulir ditampilkan.

3. Perancang Formulir

   Ini adalah desainer untuk formulir. Ini interaktif dan Anda dapat menyeret dan meletakkan objek dari Kotak Alat. Dengan memilih dan memindahkan item di perancang, Anda dapat menyusun antarmuka pengguna (UI) secara visual untuk aplikasi Anda.

4. Kotak Peralatan

   Kotak alat berisi semua kontrol yang dapat Anda tambahkan ke formulir. Untuk menambahkan kontrol ke formulir saat ini, klik dua kali kontrol atau seret dan letakkan kontrol.

Petunjuk / Saran

Jika kotak alat tidak terlihat, Anda dapat menampilkannya melalui item menu Kotak Alat Tampilan>.

Menambahkan kontrol ke formulir

Dengan desainer formulir Form1 terbuka, gunakan jendela Kotak Alat untuk menambahkan kontrol berikut ke formulir dengan menyeretnya dari kotak alat dan menjatuhkannya pada formulir:

• Tombol
• Etiket
• Kotak daftar
• Kotak teks

Posisikan dan ukuran kontrol sesuai dengan gambar berikut:

Anda dapat memindahkan dan mengubah ukuran kontrol dengan mouse agar sesuai dengan gambar sebelumnya, atau menggunakan tabel berikut untuk mengonfigurasi setiap kontrol. Untuk mengonfigurasi kontrol, pilih kontrol di perancang, lalu atur pengaturan yang sesuai di jendela Properti . Saat mengonfigurasi formulir, pilih bilah judul formulir.

Objek	Pengaturan	Nilai
Label	Lokasi	12, 9
	Teks	Names
Kotak daftar	Nama	lstNames
	Lokasi	12, 27
	Ukuran	120, 94
Kotak Teks	Nama	txtName
	Lokasi	138, 26
	Ukuran	100, 23
Tombol	Nama	btnAdd
	Lokasi	138, 55
	Ukuran	100, 23
	Teks	Add Name
Bentuk	Teks	Names
	Ukuran	268, 180

Mengelola acara

Sekarang setelah formulir memiliki semua kontrolnya yang ditata, langkah selanjutnya adalah menambahkan penanganan aktivitas untuk merespons input pengguna. Buka perancang formulir dan lakukan langkah-langkah berikut:

1. Pilih kontrol tombol Tambahkan Nama pada formulir.

2. Di jendela Properti , pilih ikon peristiwa untuk mencantumkan peristiwa tombol.

3. Temukan peristiwa Klik dan klik dua kali untuk menghasilkan penanganan aktivitas.

   Tindakan ini menambahkan kode berikut ke formulir:

   private void btnAdd_Click(object sender, EventArgs e)
   {
   
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
   
   End Sub
   

   Kode untuk handler ini akan menambahkan nama yang ditentukan oleh txtName kotak teks ke lstNames kotak daftar. Namun, kami ingin ada dua kondisi untuk menambahkan nama: nama yang disediakan tidak boleh kosong, dan nama belum ada.

4. Kode berikut menunjukkan penambahan nama ke lstNames kontrol:

   private void btnAdd_Click(object sender, EventArgs e)
   {
       if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text))
           lstNames.Items.Add(txtName.Text);
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
       If Not String.IsNullOrWhiteSpace(txtName.Text) And Not lstNames.Items.Contains(txtName.Text) Then
           lstNames.Items.Add(txtName.Text)
       End If
   End Sub
   

Menjalankan aplikasi

Sekarang setelah peristiwa ditangani, jalankan aplikasi dengan menekan tombol F5 atau dengan memilih Debug>Mulai Debugging dari menu. Saat aplikasi dimulai, formulir ditampilkan dan Anda dapat memasukkan nama di kotak teks dan memilih tombol .

Konten terkait

• Pelajari selengkapnya tentang Formulir Windows
• Gambaran umum penggunaan kontrol
• Gambaran Umum Peristiwa