Tutorial Aplikasi C # Windows Forms dengan Contoh

Sejauh ini kita telah melihat cara bekerjasama dengan C # untuk membuat aplikasi berasaskan konsol. Tetapi dalam senario kehidupan sebenar pasukan biasanya menggunakan Visual Studio dan C # untuk membuat Windows Form atau aplikasi berasaskan Web.

Aplikasi bentuk windows adalah aplikasi, yang dirancang untuk berjalan di komputer. Ia tidak akan berjalan di penyemak imbas web kerana kemudian menjadi aplikasi web.

Tutorial ini akan memberi tumpuan kepada bagaimana kita dapat membuat aplikasi berasaskan Windows. Kami juga akan mempelajari beberapa asas mengenai cara bekerja dengan pelbagai elemen aplikasi C # Windows.

Dalam tutorial Windows ini, anda akan belajar-

Asas Bentuk Windows

Aplikasi borang Windows adalah aplikasi yang berjalan di komputer desktop. Aplikasi borang Windows biasanya mempunyai koleksi kawalan seperti label, kotak teks, kotak senarai, dll.

Berikut adalah contoh aplikasi borang Windows C # yang ringkas. Ia menunjukkan skrin Login yang mudah, yang dapat diakses oleh pengguna. Pengguna akan memasukkan bukti kelayakan yang diperlukan dan kemudian akan mengklik butang Masuk untuk meneruskan.

Jadi contoh kawalan yang terdapat dalam aplikasi di atas

  1. Ini adalah kumpulan kawalan label yang biasanya digunakan untuk menggambarkan kawalan bersebelahan. Oleh itu, kami mempunyai 2 kotak teks, dan label digunakan untuk memberitahu pengguna bahawa satu kotak teks adalah untuk memasukkan nama pengguna dan yang lain untuk kata laluan.
  2. 2 kotak teks digunakan untuk menahan nama pengguna dan kata laluan yang akan dimasukkan oleh pengguna.
  3. Akhirnya, kami mempunyai kawalan butang. Kontrol butang biasanya mempunyai beberapa kod yang dilampirkan untuk melakukan sekumpulan tindakan tertentu. Jadi sebagai contoh dalam kes di atas, kita boleh meminta butang melakukan tindakan mengesahkan nama pengguna dan kata laluan yang dimasukkan oleh pengguna.

C # Hello World

Sekarang mari kita lihat contoh bagaimana kita dapat melaksanakan aplikasi 'hello world' sederhana di Visual Studio. Untuk ini, kita perlu melaksanakan langkah-langkah yang disebutkan di bawah

Langkah 1) Langkah pertama melibatkan penciptaan projek baru di Visual Studio. Setelah melancarkan Visual Studio, anda perlu memilih pilihan menu New-> Project.

Langkah 2) Langkah seterusnya adalah memilih jenis projek sebagai aplikasi Windows Forms. Di sini kita juga perlu menyebut nama dan lokasi projek kita.

  1. Dalam kotak dialog projek, kita dapat melihat pelbagai pilihan untuk membuat pelbagai jenis projek di Visual Studio. Klik pilihan Windows di sebelah kiri.
  2. Apabila kita mengklik pilihan Windows pada langkah sebelumnya, kita akan dapat melihat pilihan untuk Aplikasi Bentuk Windows. Klik pilihan ini.
  3. Kami akan memberikan nama untuk permohonan itu. Dalam kes kami, ia adalah DemoApplication. Kami juga akan menyediakan lokasi untuk menyimpan aplikasi kami.
  4. Akhirnya, kami mengklik butang 'OK' untuk membiarkan Visual Studio membuat projek kami.

Sekiranya langkah di atas diikuti, anda akan mendapat output di Visual Studio di bawah.

Pengeluaran:-

Anda akan melihat Pereka Bentuk yang dipaparkan di Visual Studio. Dalam Pereka Bentuk ini, anda akan mula membina aplikasi Windows Forms anda.

Dalam Penjelajah Penyelesaian, anda juga dapat melihat Penyelesaian Aplikasi Demo. Penyelesaian ini akan mengandungi 2 fail projek di bawah

  1. Aplikasi Borang yang dipanggil Forms1.cs. Fail ini akan mengandungi semua kod untuk aplikasi Windows Form.
  2. Program utama yang disebut Program.cs adalah fail kod lalai yang dibuat ketika aplikasi baru dibuat di Visual Studio. Kod ini akan mengandungi kod permulaan untuk aplikasi secara keseluruhan.

Di sebelah kiri Visual Studio, anda juga akan melihat Kotak Alat. Kotak alat mengandungi semua kawalan yang dapat ditambahkan ke Windows Forms. Kawalan seperti kotak teks atau label hanyalah beberapa kawalan yang boleh ditambahkan ke Windows Forms.

Di bawah ini adalah tangkapan skrin bagaimana Kotak Alat kelihatan.

Langkah 3) Dalam langkah ini, kita sekarang akan menambahkan label ke Borang yang akan memaparkan 'Hello World.' Dari kotak alat, anda perlu memilih kawalan Label dan hanya menyeretnya ke Borang.

Sebaik sahaja anda menyeret label ke borang, anda dapat melihat label yang terdapat pada borang seperti yang ditunjukkan di bawah.

Langkah 4) Langkah seterusnya adalah pergi ke sifat kawalan dan Tukar teks ke 'Hello World'.

Untuk pergi ke sifat kawalan, anda perlu mengklik kanan kawalan dan memilih pilihan menu Properties

  • Panel sifat juga muncul di Visual Studio. Jadi untuk kawalan label, dalam kawalan sifat, pergi ke bahagian Teks dan masukkan 'Hello World'.
  • Setiap Kawalan mempunyai satu set sifat yang menggambarkan kawalan.

Sekiranya anda mengikuti semua langkah di atas dan menjalankan program anda di Visual Studio, anda akan mendapat output berikut

Pengeluaran:-

Dalam output, anda dapat melihat bahawa Borang Windows dipaparkan. Anda juga dapat melihat 'Hello World' dipaparkan pada borang.

Menambah Kawalan ke borang

Kami telah melihat cara menambahkan kawalan ke borang ketika kami menambahkan kawalan label di bahagian sebelumnya untuk memaparkan 'Hello World.'

Mari lihat kawalan lain yang tersedia untuk borang Windows dan lihat beberapa sifat umum mereka.

Dalam aplikasi borang Windows kami dalam contoh C #, kami akan membuat satu borang yang mempunyai fungsi berikut.

  1. Keupayaan untuk pengguna memasukkan nama dan alamat.
  2. Pilihan untuk memilih bandar tempat pengguna berada
  3. Keupayaan untuk pengguna memasukkan pilihan untuk jantina.
  4. Pilihan untuk memilih kursus yang ingin dipelajari oleh pengguna. Terdapat pilihan untuk C # dan ASP.Net

Oleh itu, mari lihat setiap kawalan secara terperinci dan tambahkan mereka untuk membina borang dengan fungsi yang disebutkan di atas.

Kotak Kumpulan

Kotak kumpulan digunakan untuk kawalan pengelompokan logik ke bahagian. Mari kita ambil contoh jika anda mempunyai koleksi kawalan untuk memasukkan butiran seperti nama dan alamat seseorang. Sebaik-baiknya, ini adalah maklumat mengenai seseorang, jadi anda ingin memasukkan butiran ini di bahagian berasingan pada Borang. Untuk tujuan ini, anda boleh mempunyai kotak kumpulan. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah

Langkah 1) Langkah pertama adalah menyeret kawalan Kotak Kumpulan ke Borang Windows dari kotak alat seperti yang ditunjukkan di bawah

Langkah 2) Setelah kotak kumpulan ditambahkan, pergi ke tetingkap sifat dengan mengklik pada kawalan kotak kumpulan. Di tetingkap sifat, pergi ke harta teks dan ubahnya menjadi 'Maklumat Pengguna'.

Sebaik sahaja anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Dalam output, anda dapat melihat dengan jelas bahawa Kotak Kumpulan telah ditambahkan ke borang. Anda juga dapat melihat bahawa teks kotak kumpulan diubah menjadi 'Butiran Pengguna.'

Kawalan Label

Seterusnya muncul Label Control. Kontrol label digunakan untuk menampilkan teks atau pesan kepada pengguna pada borang. Alat kawalan label biasanya digunakan bersama dengan kawalan lain. Contoh umum ialah label ditambah dengan kawalan kotak teks.

Label menunjukkan kepada pengguna apa yang diharapkan dapat diisi di kotak teks. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah. Kami akan menambah 2 label, satu yang akan dipanggil 'nama' dan yang lain disebut 'alamat.' Mereka akan digunakan bersama dengan kawalan kotak teks yang akan ditambahkan di bahagian kemudian.

Langkah 1) Langkah pertama adalah menyeret kawalan label ke Windows Form dari kotak alat seperti yang ditunjukkan di bawah. Pastikan anda menyeret kawalan label 2 kali sehingga anda dapat memilikinya untuk 'nama' dan yang lain untuk 'alamat'.

Langkah 2) Setelah label ditambahkan, pergi ke tetingkap sifat dengan mengklik pada kawalan label. Di tetingkap sifat, pergi ke harta teks setiap kawalan label.

Sebaik sahaja anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Anda dapat melihat kawalan label ditambahkan ke borang.

Kotak teks

Kotak teks digunakan untuk memungkinkan pengguna memasukkan beberapa teks pada aplikasi Windows di C #. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah. Kami akan menambahkan 2 kotak teks ke borang, satu untuk Nama dan yang lain untuk alamat yang akan dimasukkan untuk pengguna

Langkah 1) Langkah pertama adalah menyeret kawalan kotak teks ke Borang Windows dari kotak alat seperti yang ditunjukkan di bawah

Langkah 2) Setelah kotak teks ditambahkan, pergi ke tetingkap sifat dengan mengklik pada kawalan kotak teks. Di tetingkap sifat, pergi ke nama Nama dan tambahkan nama yang bermakna pada setiap kotak teks. Sebagai contoh, namakan kotak teks untuk pengguna sebagai txtUser dan alamat tersebut sebagai txtAddress. Konvensyen penamaan dan standard harus dibuat untuk kawalan kerana menjadi lebih mudah untuk menambahkan fungsi tambahan pada kawalan ini, yang akan kita lihat di kemudian hari.

Sebaik sahaja anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Dalam output, anda dapat melihat dengan jelas bahawa Kotak Teks telah ditambahkan ke borang.

Kotak senarai

Kotak Senarai digunakan untuk menunjukkan senarai item pada borang Windows. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah. Kami akan menambahkan kotak senarai ke borang untuk menyimpan beberapa lokasi bandar.

Langkah 1) Langkah pertama adalah menyeret kawalan kotak senarai ke Borang Windows dari kotak alat seperti yang ditunjukkan di bawah

Langkah 2) Setelah kotak senarai ditambahkan, pergi ke tetingkap sifat dengan mengklik pada kawalan kotak senarai.

  1. Pertama, ubah sifat kawalan kotak Listbox, dalam kes kami, kami telah menukarnya menjadi lstCity
  2. Klik pada item Item. Ini akan membolehkan anda menambahkan item yang berbeza yang boleh muncul di kotak senarai. Dalam kes kami, kami telah memilih item 'koleksi'.
  3. Dalam Editor Koleksi String, yang muncul, masukkan nama bandar. Dalam kes kami, kami telah memasuki 'Mumbai', 'Bangalore' dan 'Hyderabad'.
  4. Akhirnya, klik pada butang 'OK'.

Sebaik sahaja anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Dalam output, anda dapat melihat bahawa Kotak Senarai ditambahkan ke borang. Anda juga dapat melihat bahawa kotak senarai telah diisi dengan nilai bandar.

Butang radio

Butang Radio digunakan untuk menunjukkan senarai item yang mana pengguna boleh memilihnya. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah. Kami akan menambah butang radio untuk pilihan lelaki / wanita.

Langkah 1) Langkah pertama adalah menyeret kawalan 'radiobutton' ke Windows Form dari kotak alat seperti gambar di bawah.

Langkah 2) Setelah Radiobutton ditambahkan, pergi ke tetingkap sifat dengan mengklik pada kawalan Radiobutton.

  1. Pertama, anda perlu menukar sifat teks kedua-dua kawalan Radio. Buka tetingkap sifat dan ubah teks menjadi lelaki satu butang radio dan teks yang lain menjadi wanita.
  2. Begitu juga, ubah nama nama kedua-dua kawalan Radio. Pergi ke tetingkap sifat dan ubah nama menjadi 'rdMale' satu butang radio dan menjadi 'rdfemale' untuk yang lain.

Apabila anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Anda akan melihat butang Radio ditambahkan ke borang Windows.

Kotak pilihan

Kotak centang digunakan untuk menyediakan senarai pilihan di mana pengguna dapat memilih beberapa pilihan. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah. Kami akan menambah 2 kotak pilihan ke borang Windows kami. Kotak pilihan ini akan memberi pilihan kepada pengguna mengenai apakah mereka ingin belajar C # atau ASP.Net.

Langkah 1) Langkah pertama adalah menyeret kawalan kotak centang ke Windows Form dari kotak alat seperti yang ditunjukkan di bawah

Langkah 2) Setelah kotak centang ditambahkan, pergi ke tetingkap sifat dengan mengklik pada kotak pilihan.

Di tetingkap sifat,

  1. Pertama, anda perlu menukar sifat teks kedua-dua kawalan kotak pilihan. Pergi ke tetingkap sifat dan ubah teks ke C # dan ASP.Net.
  2. Begitu juga, ubah nama nama kedua-dua kawalan Radio. Pergi ke tetingkap sifat dan ubah nama menjadi chkC satu kotak pilihan dan ke chkASP untuk yang lain.

Sebaik sahaja anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Butang

Butang digunakan untuk membolehkan pengguna mengklik butang yang kemudian akan memulakan pemprosesan borang. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah. Kami akan menambah butang ringkas yang disebut 'Kirim' yang akan digunakan untuk menghantar semua maklumat pada borang.

Langkah 1) Langkah pertama adalah menyeret kawalan butang ke Windows Form dari kotak alat seperti yang ditunjukkan di bawah

Langkah 2) Setelah Butang ditambahkan, pergi ke tetingkap sifat dengan mengklik pada butang kawalan.

  1. Pertama, anda perlu menukar sifat teks kawalan butang. Pergi ke tetingkap sifat dan ubah teks menjadi 'hantar'.
  2. Begitu juga, ubah nama nama kawalan. Buka tetingkap hartanah dan ubah namanya menjadi 'btnSubmit'.

Sebaik sahaja anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Tahniah, kini anda telah menyediakan Borang Windows asas pertama anda. Mari kita pergi ke topik seterusnya untuk melihat bagaimana kita dapat melakukan pengendalian Acara untuk Kawalan.

Pengendalian Acara C # untuk Kawalan

Semasa bekerja dengan bentuk tingkap, anda boleh menambahkan acara ke kawalan. Kejadian adalah sesuatu yang berlaku ketika sesuatu tindakan dilakukan. Mungkin tindakan yang paling biasa adalah mengklik butang pada borang. Dalam C # Windows Forms, anda dapat menambahkan kod yang dapat digunakan untuk melakukan tindakan tertentu ketika tombol ditekan pada form.

Biasanya apabila butang ditekan pada borang, ini bermaksud bahawa beberapa pemprosesan harus dilakukan.

Mari kita lihat salah satu acara dan bagaimana ia dapat ditangani sebelum kita pergi ke senario peristiwa butang.

Contoh di bawah akan menunjukkan peristiwa untuk kawalan Listbox. Oleh itu, setiap kali item dipilih dalam kawalan kotak senarai, kotak mesej akan muncul yang menunjukkan item yang dipilih. Mari lakukan langkah-langkah berikut untuk mencapainya.

Langkah 1) Klik dua kali pada Kotak Senarai dalam pereka bentuk . Dengan melakukan ini, Visual Studio akan membuka fail kod untuk borang secara automatik. Dan secara automatik akan menambahkan kaedah acara ke kod. Kaedah acara ini akan dipicu, setiap kali item dalam kotak pilihan dipilih.

Di atas adalah coretan kod yang secara automatik ditambahkan oleh Visual Studio, apabila anda mengklik dua kali kotak kawalan senarai pada borang. Sekarang mari kita tambahkan bahagian kod di coretan kod ini, untuk menambahkan fungsi yang diperlukan ke acara kotak senarai.

  1. Ini adalah kaedah pengendali acara yang dibuat secara automatik oleh Visual Studio apabila anda mengklik dua kali pada kotak kawalan senarai. Anda tidak perlu risau tentang kerumitan nama kaedah atau parameter yang diteruskan ke kaedah tersebut.
  2. Di sini kita mendapatkan SelectedItem melalui harta lstCity.SelectedItem. Ingat bahawa lstCity adalah nama kawalan Listbox kami. Kami kemudian menggunakan kaedah GetItemText untuk mendapatkan nilai sebenar item yang dipilih. Kami kemudian memberikan nilai ini pada pemboleh ubah teks.
  3. Akhirnya, kami menggunakan kaedah MessageBox untuk memaparkan nilai pemboleh ubah teks kepada pengguna.

Apabila anda membuat perubahan di atas, dan jalankan program di Visual Studio, anda akan melihat output berikut

Pengeluaran:-

Dari output, anda dapat melihat bahawa apabila item dari kotak senarai dipilih, kotak mesej akan muncul. Ini akan menunjukkan item yang dipilih dari kotak senarai.

Sekarang mari kita lihat kawalan terakhir iaitu kaedah klik butang. Sekali lagi ini mengikuti falsafah yang sama. Cukup klik dua kali butang di Forms Designer dan secara automatik akan menambahkan kaedah untuk pengendali acara butang. Maka anda hanya perlu menambahkan kod di bawah.

  1. Ini adalah kaedah pengendali acara yang secara automatik dibuat oleh Visual Studio apabila anda mengklik dua kali butang kawalan. Anda tidak perlu risau tentang kerumitan nama kaedah atau parameter yang diteruskan ke kaedah tersebut.
  2. Di sini kita mendapatkan nilai yang dimasukkan dalam kotak teks nama dan alamat. Nilai boleh diambil dari sifat teks kotak teks. Kami kemudian menetapkan nilai kepada 2 pemboleh ubah, nama, dan alamat yang sesuai.
  3. Akhirnya, kami menggunakan kaedah MessageBox untuk memaparkan nilai nama dan alamat kepada pengguna.

Apabila anda membuat perubahan di atas, dan jalankan program di Visual Studio, anda akan melihat output berikut

Pengeluaran:-

  1. Pertama, masukkan nilai di ruang nama dan alamat.
  2. Kemudian klik pada butang Hantar

Setelah anda mengklik butang Kirim, kotak mesej akan muncul, dan ia akan menunjukkan dengan betul apa yang anda masukkan di bahagian butiran pengguna.

Pokok dan Kawalan Kotak Gambar

Terdapat 2 kawalan lebih lanjut yang dapat kita lihat, satu adalah 'Tree Control' dan yang lain adalah 'Image control'. Mari lihat contoh bagaimana kita dapat melaksanakan kawalan ini

Kawalan Pokok

- Kawalan pokok digunakan untuk menyenaraikan item di pokok seperti fesyen. Mungkin contoh terbaik adalah ketika kita melihat Windows Explorer itu sendiri. Struktur folder di Windows Explorer adalah seperti struktur seperti pohon.

Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah.

Langkah 1) Langkah pertama adalah menyeret kawalan Pohon ke Borang Windows dari kotak alat seperti yang ditunjukkan di bawah

Langkah 2) Langkah seterusnya adalah dengan mula menambahkan node ke koleksi pokok sehingga dapat muncul di pohon dengan sewajarnya. Pertama, mari ikuti sub-langkah di bawah untuk menambahkan simpul akar pada koleksi pokok.

  1. Pergi ke kotak alat sifat untuk kawalan paparan pokok. Klik pada harta Node. Ini akan memunculkan Editor TreeNode
  2. Dalam Editor TreeNode klik pada butang Tambah Root untuk menambahkan simpul akar ke koleksi pokok.
  3. Seterusnya, ubah teks simpul Root dan berikan teks sebagai Root dan klik butang 'OK'. Ini akan menambah simpul Root.

Langkah 3) Langkah seterusnya adalah mula menambahkan simpul anak ke koleksi pokok. Mari ikuti sub-langkah di bawah untuk menambahkan simpul akar anak ke koleksi pokok.

  1. Pertama, klik pada butang Tambah anak. Ini akan membolehkan anda menambahkan simpul anak ke koleksi Pokok.
  2. Untuk setiap nod anak, ubah harta teks. Terus ulangi langkah sebelumnya dan langkah ini dan tambahkan 2 nod tambahan. Pada akhirnya, anda akan mempunyai 3 nod seperti yang ditunjukkan di atas, dengan teks sebagai Label, Button, dan Kotak Centang masing-masing.
  3. Klik pada butang OK

Setelah anda membuat perubahan di atas, anda akan melihat output berikut.

Pengeluaran:-

Anda akan dapat melihat paparan Pohon ditambahkan pada borang. Semasa anda menjalankan aplikasi borang Windows, anda dapat mengembangkan nod akar dan melihat nod anak dalam senarai.

Kawalan PictureBox

Kawalan ini digunakan untuk menambahkan gambar ke Winforms C #. Mari lihat bagaimana kita dapat melaksanakannya dengan contoh yang ditunjukkan di bawah.

Langkah 1) Langkah pertama adalah menyeret kawalan PictureBox ke C # Windows Form dari kotak alat seperti gambar di bawah

Langkah 2) Langkah seterusnya adalah melampirkan gambar ke kawalan kotak gambar. Ini dapat dilakukan dengan mengikuti langkah-langkah di bawah.

  1. Pertama, klik pada properti Imej untuk kawalan PictureBox. Tetingkap baru akan muncul.
  2. Di tetingkap ini, klik pada butang Import. Ini akan digunakan untuk melampirkan gambar ke kawalan kotak gambar.
  3. Kotak dialog akan muncul di mana anda dapat memilih gambar untuk melampirkan kotak gambar
  4. Klik pada butang OK

Apabila anda membuat perubahan di atas, anda akan melihat output berikut

Pengeluaran:-

Dari hasilnya, anda dapat melihat bahawa gambar dipaparkan pada borang.

Ringkasan

  • Bentuk Windows dalam aplikasi C # adalah borang yang berjalan di desktop komputer. Visual Studio Form bersama dengan C # dapat digunakan untuk membuat aplikasi Windows Forms.
  • Kontrol dapat ditambahkan ke bentuk Windows C # melalui Kotak Alat di Visual Studio. Kawalan seperti label, kotak centang, butang radio, dll boleh ditambahkan ke borang melalui kotak alat.
  • Seseorang juga boleh menggunakan kawalan lanjutan seperti kawalan paparan pokok dan kawalan PictureBox.
  • Pengendali acara digunakan untuk bertindak balas terhadap peristiwa yang dihasilkan dari kawalan. Yang paling biasa adalah yang ditambahkan untuk acara yang diklik butang.