Cara Membuat Aplikasi Windows Forms (Winforms) Pertama Anda di Visual Studio

Windows Forms adalah kerangka kerja yang tersedia di Visual Studio yang memungkinkan Anda membangun aplikasi desktop dengan bantuan antarmuka pengguna grafis. Ini memungkinkan Anda untuk mengklik dan menyeret widget seperti tombol atau label langsung ke kanvas, dan memanipulasi properti setiap widget seperti ukuran font, warna, atau batasnya.

Pada artikel ini, Pengonversi Celsius ke Fahrenheit sederhana akan digunakan sebagai contoh untuk mempelajari dasar-dasar cara menyiapkan Aplikasi Formulir Windows. Visual Studio 2019 Community Edition adalah edisi yang digunakan untuk tutorial ini.

Cara Membuat Proyek Windows Forms di Visual Studio

Pertama, buat proyek di Visual Studio.

1. Buka Visual Studio dan pilih Buat Proyek Baru.
2. Visual Studio akan memberi Anda daftar templat proyek yang dapat Anda pilih.
3. Untuk membuat Aplikasi Windows Forms, cari Aplikasi Formulir Windows dan pilih dari daftar template. Setelah ini dipilih, klik Lanjut.

   jika Aplikasi Formulir Windows opsi tidak tersedia dalam daftar,

   instagram viewer

   ubah versi Visual Studio yang Anda instal. Di Penginstal Visual Studio, tambahkan beban kerja pengembangan desktop .NET untuk Desktop dan Seluler, dan luncurkan ulang Visual Studio.

4. Tambahkan nama dan lokasi untuk proyek, dan klik Lanjut. Lokasi adalah direktori tempat file kode akan disimpan.
5. Pada layar berikutnya, pertahankan pilihan default .NET Core 3.1.
6. Klik Membuat.
7. Setelah Visual Studio selesai membuat proyek, proyek akan terbuka.

Cara Menambahkan Elemen ke Kanvas Proyek

Kanvas adalah area putih yang terletak di kiri atas layar. Klik dan seret titik di bagian bawah, kanan, atau kanan bawah kanvas untuk mengubah ukurannya jika diperlukan.

Untuk membuat UI aplikasi, tambahkan widget seperti tombol atau kotak teks ke kanvas.

1. Buka Lihat Tab di bagian atas jendela, dan pilih kotak peralatan.
2. Ini akan menambahkan kotak peralatan ke sisi kiri aplikasi. Pilih ikon pin di kanan atas kotak alat untuk menyematkannya di sana secara permanen.
3. Di sinilah Anda dapat menyeret widget apa pun dari kotak alat ke kanvas. Sorot tombol dari kotak alat, dan seret ke kanvas.
4. Seret dua kotak teks lagi ke kanvas, bersama dengan tiga label (dua label untuk setiap kotak teks, dan satu label untuk judul di bagian atas aplikasi).
5. Setiap widget di kanvas memiliki properti yang terkait dengannya. Sorot widget untuk menampilkan Properti jendela di kanan bawah Visual Studio, yang mencantumkan semua properti yang dimiliki widget. Properti ini dapat menyertakan teks, nama, ukuran font, batas, atau perataan widget yang disorot.
6. Saat ini, teks pada widget ini masih mengatakan label1, label2, atau tombol1. Pilih label1 widget dan edit Teks properti di jendela properti untuk mengatakan "Celcius ke Fahrenheit". Ubah ukuran font menjadi 22pt.
7. Demikian pula, edit properti widget lain di kanvas menjadi sebagai berikut:

   widget	Properti	Nilai baru
   label2	Teks	Celsius
   label3	Teks	Fahrenheit
   tombol	Teks	Menghitung
   kotak teks Fahrenheit	Baca Saja	benar

Cara Menangani Peristiwa dan Menulis Kode di Belakang Kode

Widget di kanvas dapat dikaitkan dengan acara. Acara dapat mencakup hal-hal seperti mengklik tombol, mengubah teks di dalam kotak teks, atau memilih tombol radio tertentu. Ketika peristiwa ini terjadi, itu dapat menyebabkan bagian kode di Code-Behind terpicu.

C# adalah bahasa yang digunakan saat membuat Windows Forms. Jika Anda belum pernah menggunakan C#, ada banyak alasan praktis untuk belajar pemrograman C#.

Untuk aplikasi khusus ini, tambahkan acara ke Menghitung tombol, untuk memicu bagian kode untuk dijalankan saat tombol ini ditekan.

1. Klik dua kali Menghitung untuk membuka Form1.cs secara otomatis dengan metode Acara baru:

   private void countButton_Click (pengirim objek, EventArgs e)

2. Di sinilah Anda akan menambahkan kode yang akan melakukan perhitungan Celsius ke Fahrenheit, dan menampilkan hasilnya di kotak teks Fahrenheit. Untuk melakukan ini, Anda harus dapat membaca nilai dari kotak teks Celsius, dan memodifikasi kotak teks Fahrenheit untuk menampilkan hasilnya.
3. Kembali ke kanvas, dan edit ulang properti seperti yang ditunjukkan sebelumnya. Kali ini edit Nama properti untuk kotak teks Celsius dan Fahrenheit. Nama-nama ini dapat digunakan untuk referensi kotak teks dalam kode.

   widget	Properti	Nilai baru
   Kotak Teks Celcius	Nama	celsiusTextBox
   Kotak Teks Fahrenheit	Nama	fahrenheitTextBox

4. Kembali ke fungsi countButton_Click di Form1.cs.
5. Sekarang, kotak teks Celcius dapat dirujuk dalam kode menggunakan nama "celsiusTextBox". Nilai Celsius yang dimasukkan pengguna disimpan di properti Text-nya. Namun, karena ini adalah string, urai menjadi dua kali lipat untuk memasukkannya ke dalam perhitungan Fahrenheit di masa mendatang.

   private void countButton_Click (pengirim objek, EventArgs e)
   {
    // Dapatkan nilai yang dimasukkan pengguna di Kotak Teks Celsius
    double celsiusValue = Ganda. Parsing (celsiusTextBox. Teks);
   }

6. Variabel celsiusValue sekarang menyimpan nilai yang dimasukkan pengguna dalam Kotak Teks Celsius. Rumus untuk mengubah Celcius ke Fahrenheit adalah (Nilai Celcius * 9/5) + 32. Oleh karena itu, hasilnya sekarang dapat dihitung dan disimpan dalam Kotak Teks Fahrenheit.

   private void countButton_Click (pengirim objek, EventArgs e)
   {
    // Dapatkan nilai yang dimasukkan pengguna di Kotak Teks Celsius
    double celsiusValue = Ganda. Parsing (celsiusTextBox. Teks);
    // Terapkan perhitungan
    hasil ganda = (nilai celcius * 9/5) + 32;
    // Simpan hasilnya di Kotak Teks Fahrenheit
    fahrenheitTextBox. Teks = hasil. ToString();
   }

Cara Menjalankan dan Debug Program Windows Forms

Menjalankan Program Formulir Windows di Visual Studio

Sekarang UI dan logika kode sudah diatur, jalankan program untuk melihatnya berfungsi.

1. Untuk menjalankan program, pilih panah hijau di bagian atas bilah alat di Visual Studio.
2. Setelah proyek dimuat, tambahkan nilai ke dalam kotak teks Celsius dan tekan tombol Menghitung tombol. Ini akan menambahkan hasilnya ke dalam kotak teks Fahrenheit.
3. Jika program kabur saat runtime, kemungkinan aplikasi Anda tidak mengetahui DPI. Ini dapat menyebabkan masalah penskalaan dan resolusi, jadi ini harus diaktifkan. Anda juga dapat membaca lebih lanjut tentang mengonfigurasi penskalaan tampilan pada Windows 10 untuk monitor DPI Tinggi.
4. Klik kanan pada Proyek Pengubah Suhu dalam Penjelajah Solusi. Pilih Menambahkan, lalu pilih Barang baru.
5. Cari File Manifes Aplikasi, dan klik Menambahkan.
6. Salin kode berikut ke dalam file app.manifest baru, sebagai anak dari tag assembly (jika kode sudah dibuat, batalkan komentar saja).

   
   
   benar
   benar
   
   

7. Agar perubahan ini diterapkan, jalankan kembali program. Pilih tombol berhenti berwarna merah di bagian atas bilah alat, lalu pilih lagi tombol putar berwarna hijau.

Men-debug Program Formulir Windows

Anda mungkin ingin men-debug program jika logika aplikasi Windows Forms Anda tidak berfungsi seperti yang diharapkan.

1. Arahkan kembali ke fungsi countButton_Click di Form1.cs dan klik di mana saja pada bilah abu-abu di paling kiri layar. Ini akan menambahkan breakpoint, yang ditandai dengan lingkaran merah.
2. Tekan tombol "Hitung" lagi untuk memicu metode ini dijalankan. Program akan berhenti saat mencapai breakpoint untuk menampilkan semua nilai yang disimpan dalam variabel pada saat itu.
3. Untuk melanjutkan program, klik tombol hijau Melanjutkan panah di bagian atas bilah alat.

Menjalankan Program Menggunakan File yang Dapat Dieksekusi

Jika Anda tidak ingin menjalankan program Anda melalui Visual Studio, gunakan file eksekusi mandiri untuk program tersebut. Ini dibuat secara otomatis.

1. Arahkan ke file yang dapat dieksekusi, yang dapat ditemukan di sini:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Klik pada file yang dapat dieksekusi untuk langsung menjalankan program.

Menambahkan Lebih Banyak ke Formulir Windows Anda

Semoga Anda sekarang memiliki pemahaman dasar tentang struktur dasar Aplikasi Formulir Windows. Anda dapat terus menjelajahi fitur Windows Forms tambahan dengan bereksperimen dengan widget baru, dan menyelam lebih dalam ke berbagai acara lain yang dapat ditangani.

Setelah Anda lebih akrab dengan Windows Forms, Anda dapat mulai membuat aplikasi yang lebih kompleks. Anda juga dapat menjelajahi banyak cara lain untuk membuat aplikasi di desktop Windows.

Tentang Penulis