Pelajari cara membuat aplikasi kalkulator dasar dan memulai perjalanan pemrograman Anda dengan Windows Forms.
Saat mempelajari cara membuat kode, akan berguna untuk mendapatkan pengalaman dengan membuat ulang aplikasi yang sudah ada. Salah satu aplikasi pemula umum yang dapat Anda mulai adalah kalkulator.
Anda dapat membuat aplikasi kalkulator desktop menggunakan proyek Windows Forms di Visual Studio. Dalam aplikasi Windows Forms, Anda dapat mengklik dan menyeret elemen UI ke kanvas, untuk memvisualisasikan desain kalkulator Anda.
Anda kemudian dapat menambahkan logika kode ke file C# yang mendasari untuk menentukan apa yang akan terjadi ketika pengguna mengklik tombol angka, operator, hapus, atau sama dengan.
Cara Menambahkan Elemen UI ke Kalkulator
Mulai dari membuat Aplikasi Formulir Windows baru di Visual Studio. Kemudian, tambahkan elemen UI ke kanvas untuk membuat antarmuka pengguna kalkulator.
Cara Menambahkan Nomor dan Tombol Operator
Tambahkan tombol untuk mewakili angka dan operator (+, -, dll.) yang akan diklik pengguna.
- Arahkan ke kanvas, yang seharusnya terbuka secara default. Jika tidak, klik pada .cs file untuk formulir (mis. Formulir1.cs). Klik dropdown dan beralih ke mode desain.
- Di Toolbox, cari a Tombol elemen UI. Klik dan seret tombol ke kanvas.
- Sorot tombol. Di jendela properti, ubah setiap properti tombol berikut ke nilai baru yang sesuai:
Properti Nilai baru Nama tombol1 Ukuran 120, 120 Teks 1 - Tambahkan 19 tombol lagi ke kanvas untuk mewakili angka, operator, dan fungsi kalkulator lainnya.
- Untuk setiap tombol, sorot tombol dan ubah properti teks dan nama di jendela properti. Ubah nilai agar sesuai dengan nomor atau fungsi tombol.
Tombol Nama Properti Properti Teks 2 tombol2 2 3 tombol3 3 4 tombol4 4 5 tombol5 5 6 tombol6 6 7 tombol7 7 8 tombol8 8 9 tombol9 9 0 tombol0 0 Tambahan tombolPenambahan + Pengurangan tombolPengurangan - Perkalian tombolPerkalian X Divisi tombolDivisi ÷ Titik Desimal tombolDesimal . Tanda Sama dengan tombolSama dengan = Braket Kanan tombolKananBracket ) Braket Kiri tombolKiriBracket ( Jernih tombolHapus C Hapus Entri tombolHapusEntri CE - Atur ulang urutan tombol untuk meniru tampilan kalkulator standar. Simpan semua tombol dengan ukuran yang sama.
- Anda juga dapat menyorot beberapa tombol dan mengubah warnanya menjadi salah satu pilihan Anda, menggunakan Warna Belakang properti di jendela properti.
- Misalnya, sorot tombol tambahan. Buka jendela properti dan temukan Warna Belakang Properti. Memilih Perak dari daftar opsi di dropdown. Anda dapat membuat tombol operator perak, dan tombol C dan CE jeruk.
Cara Menambahkan Label Hasil Keluaran
Tambahkan elemen UI kotak teks untuk mewakili hasil yang akan ditampilkan kalkulator kepada pengguna.
- Di Toolbox, seret a Elemen UI panel ke atas kanvas.
- Sorot panel, dan temukan Warna Belakang properti di jendela properti. Ubah ini menjadi putih. Anda juga dapat mengubah ukuran dan memposisikan ulang panel agar terlihat lebih seperti kalkulator.
- Di Toolbox, seret a Elemen UI Kotak Teks ke atas kanvas.
- Sorot kotak teks. Di jendela properti, ubah properti berikut ke nilai baru:
Properti Nilai baru nama teksBoxOutput Gaya Perbatasan Tidak ada Teks 0 Teks Rata Benar Diaktifkan PALSU Warna Belakang Putih - Posisikan kotak teks di dalam panel.
Bagaimana Menambahkan Logika Perhitungan
Tambahkan kode untuk menjalankan logika perhitungan saat pengguna mengklik tombol.
- Bukalah .cs file untuk formulir (misalnya, Formulir1.cs).
- Mendeklarasikan variabel yang disebut perhitungan saat ini, di puncak kelas. Kamu bisa pelajari cara membuat kelas di C# jika Anda tidak akrab dengan mereka.
parsial publik kelasFormulir1 : Membentuk
{
private string currentCalculation = "";publik Formulir1()
{
Inisialisasi Komponen();
}
} - Di bawah konstruktor, buat fungsi baru bernama tombol_Klik(). Ini akan dijalankan setiap kali pengguna mengklik tombol angka (0-9) atau operator (+, -, X,, dll.).
pribadiruang kosongtombol_Klik(pengirim objek, EventArgs e)
{}
- Salah satu argumen diteruskan ke tombol_Klik() function adalah objek dari tombol yang diklik pengguna. Tambahkan properti teks dari objek tombol ke perhitungan string. Saat pengguna mengklik tombol, ini akan membuat string untuk perhitungan, seperti "22+5-7".
pribadiruang kosongtombol_Klik(pengirim objek, EventArgs e)
{
// Ini menambahkan nomor atau operator ke perhitungan string
perhitungan saat ini += (pengirim sebagai Tombol).Teks;// Menampilkan perhitungan saat ini kembali ke pengguna
keluaran kotak teks. Teks = Perhitungan saat ini;
} - Kembali ke kanvas. Sorot setiap tombol (tidak termasuk tombol C, CE, dan sama dengan) dan navigasikan ke Jendela acara. Temukan Klik acara, dan pilih tombol_Klik() fungsi. Ini akan memicu fungsi untuk dijalankan ketika Anda mengklik tombol.
Cara Menghitung Hasil dan Menampilkannya kepada Pengguna
Buat fungsi lain untuk menghitung hasil akhir ketika pengguna mengklik tombol sama dengan.
- Buat fungsi baru bernama button_Equals_Click(). Pertama, Anda perlu memformat string untuk mengganti X dan ÷ karakter dengan * dan /. Kemudian, gunakan Menghitung() berfungsi untuk menghitung hasil. Menampilkan hasilnya kembali ke pengguna.
pribadiruang kosongbutton_Equals_Click(pengirim objek, EventArgs e)
{
string diformatCalculation = currentCalculation. ToString().Ganti("X", "*").ToString().Ganti("÷", "/");mencoba
{
keluaran kotak teks. Teks = baru DataTable(). Hitung (Perhitungan berformat, batal).ToString();
currentCalculation = textBoxOutput. Teks;
}
menangkap (Pengecualian mantan)
{
keluaran kotak teks. Teks = "0";
perhitungan saat ini = "";
}
} - Pastikan Anda menyertakan blok coba-tangkap di sekitar Menghitung() berfungsi untuk menangkap input yang tidak valid, seperti "123++7". Dalam hal ini, jika pengguna memasukkan perhitungan yang tidak valid, hasilnya akan selalu mengembalikan 0.
- Itu Menghitung() fungsi merupakan bagian dari Sistem. Data ruang nama. Tambahkan pernyataan using untuk menyertakannya di bagian atas kelas, jika belum ada di sana.
menggunakanSistem.Data;
- Kembali ke kanvas. Sorot tombol sama dengan, dan navigasikan ke Jendela acara. Temukan Klik acara, dan pilih button_Equals_Click() fungsi. Ini akan memicu fungsi untuk dijalankan ketika Anda mengklik tombol sama dengan.
Cara Menghapus Kalkulator
Tambahkan fungsionalitas untuk tombol C (Hapus) dan CE (Hapus Masuk). Itu Jernih tombol akan sepenuhnya menghapus perhitungan saat ini. Itu Hapus Entri tombol hanya akan menghapus nomor atau operator yang terakhir dimasukkan.
- Buat fungsi lain yang disebut button_Clear_Click(). Ini akan dijalankan ketika pengguna mengklik Jernih tombol pada kalkulator. Di dalam fungsi, atur ulang perhitungan dan nilai di dalam kotak teks hasil.
pribadiruang kosongbutton_Clear_Click(pengirim objek, EventArgs e)
{
// Atur ulang perhitungan dan kosongkan kotak teks
keluaran kotak teks. Teks = "0";
perhitungan saat ini = "";
} - Di kanvas, soroti Jernih tombol, dan navigasikan ke Jendela Acara.
- Temukan Klik peristiwa. Ubah nilainya menjadi button_Clear_Click.
- Buat fungsi lain yang disebut button_ClearEntry_Click(). Ini akan dijalankan ketika pengguna mengklik Hapus Entri tombol pada kalkulator. Di dalam fungsi, hapus karakter terakhir dari string kalkulasi saat ini.
pribadiruang kosongbutton_ClearEntry_Click(pengirim objek, EventArgs e)
{
// Jika perhitungan tidak kosong, hapus nomor/operator terakhir yang dimasukkan
jika (Perhitungan saat ini. Panjangnya > 0)
{
currentCalculation = currentCalculation. Hapus (Perhitungan saat ini. Panjang - 1, 1);
}// Menampilkan kembali perhitungan ke layar
keluaran kotak teks. Teks = Perhitungan saat ini;
} - Di kanvas, soroti Hapus Entri tombol, dan navigasikan ke Jendela Acara.
- Temukan Klik peristiwa. Ubah nilainya menjadi button_ClearEntry_Click.
Cara Menjalankan Aplikasi Kalkulator
Anda dapat menjalankan kalkulator di Visual Studio untuk menguji fungsinya.
- Klik tombol putar hijau di bagian atas aplikasi Visual Studio.
- Klik pada tombol kalkulator. Perhitungan akan ditampilkan di ruang putih di bagian atas kalkulator. Menekan sama dengan tombol akan menggantinya dengan jawaban. Itu Jernih dan Hapus Entri tombol juga akan menghapus perhitungan atau entri.
Membuat Aplikasi Desktop Menggunakan Formulir Windows
Anda dapat membuat aplikasi kalkulator desktop menggunakan proyek Windows Forms di Visual Studio. Gunakan kanvas dan Toolbox untuk menarik dan melepas elemen UI untuk membuat desain kalkulator. Tambahkan logika dan fungsionalitas kode Anda dalam kode C# di belakang file.
Kalkulator hanyalah salah satu dari banyak aplikasi pemula sederhana yang dapat Anda buat sambil belajar coding. Aplikasi pemula lainnya yang dapat Anda buat termasuk konverter, pengelola file, permainan dadu, atau pembuat bendera. Anda dapat membuatnya dari awal menggunakan aplikasi Windows Forms.