Sejauh ini kita telah melihat bagaimana bekerja dengan C # untuk membuat aplikasi berbasis konsol. Tetapi dalam tim skenario kehidupan nyata biasanya menggunakan Visual Studio dan C # untuk membuat Formulir Windows atau aplikasi berbasis Web.
Aplikasi bentuk windows adalah aplikasi yang dirancang untuk berjalan di komputer. Ini tidak akan berjalan di browser web karena kemudian menjadi aplikasi web.
Tutorial ini akan fokus pada bagaimana kita dapat membuat aplikasi berbasis Windows. Kami juga akan mempelajari beberapa dasar tentang cara bekerja dengan berbagai elemen aplikasi C # Windows.
Dalam tutorial Windows ini, Anda akan belajar-
- Dasar-dasar Formulir Windows
- Halo Dunia dalam Formulir Windows
- Menambahkan Kontrol ke formulir
- Penanganan Acara untuk Kontrol
- Kontrol Pohon dan PictureBox
Dasar-dasar Formulir Windows
Aplikasi formulir Windows adalah salah satu yang berjalan di komputer desktop. Aplikasi formulir Windows biasanya memiliki kumpulan kontrol seperti label, kotak teks, kotak daftar, dll.
Di bawah ini adalah contoh aplikasi formulir Windows sederhana C #. Ini menunjukkan layar Login sederhana, yang dapat diakses oleh pengguna. Pengguna akan memasukkan kredensial yang diperlukan dan kemudian akan mengklik tombol Login untuk melanjutkan.
Demikian contoh kontrol yang tersedia pada aplikasi di atas
- Ini adalah kumpulan kontrol label yang biasanya digunakan untuk mendeskripsikan kontrol yang berdekatan. Jadi dalam kasus kami, kami memiliki 2 kotak teks, dan label digunakan untuk memberi tahu pengguna bahwa satu kotak teks untuk memasukkan nama pengguna dan yang lainnya untuk kata sandi.
- 2 kotak teks digunakan untuk menyimpan nama pengguna dan kata sandi yang akan dimasukkan oleh pengguna.
- Terakhir, kami memiliki kontrol tombol. Kontrol tombol biasanya memiliki beberapa kode yang dilampirkan untuk melakukan serangkaian tindakan tertentu. Jadi misalnya dalam kasus di atas, kita bisa meminta tombol melakukan tindakan memvalidasi nama pengguna dan kata sandi yang dimasukkan oleh pengguna.
C # Halo Dunia
Sekarang mari kita lihat contoh bagaimana kita dapat mengimplementasikan aplikasi 'hello world' sederhana di Visual Studio. Untuk ini, kami perlu menerapkan langkah-langkah yang disebutkan di bawah ini
Langkah 1) Langkah pertama melibatkan pembuatan proyek baru di Visual Studio. Setelah meluncurkan Visual Studio, Anda perlu memilih opsi menu New-> Project.
Langkah 2) Langkah selanjutnya adalah memilih jenis proyek sebagai aplikasi Windows Forms. Di sini kami juga perlu menyebutkan nama dan lokasi proyek kami.
- Di kotak dialog proyek, kita dapat melihat berbagai opsi untuk membuat berbagai jenis proyek di Visual Studio. Klik opsi Windows di sisi kiri.
- Ketika kita mengklik opsi Windows di langkah sebelumnya, kita akan dapat melihat opsi untuk Aplikasi Windows Forms. Klik opsi ini.
- Kami akan memberi nama untuk aplikasinya. Dalam kasus kami, ini adalah DemoApplication. Kami juga akan memberikan lokasi untuk menyimpan aplikasi kami.
- Akhirnya, kami mengklik tombol 'OK' untuk membiarkan Visual Studio membuat proyek kami.
Jika langkah-langkah di atas diikuti, Anda akan mendapatkan output di bawah ini di Visual Studio.
Keluaran:-
Anda akan melihat Form Designer ditampilkan di Visual Studio. Di Perancang Formulir inilah Anda akan mulai membangun aplikasi Formulir Windows Anda.
Di Solution Explorer, Anda juga akan dapat melihat DemoApplication Solution. Solusi ini akan berisi 2 file proyek di bawah ini
- Aplikasi Formulir yang disebut Forms1.cs. File ini akan berisi semua kode untuk aplikasi Formulir Windows.
- Program utama yang disebut Program.cs adalah file kode default yang dibuat ketika aplikasi baru dibuat di Visual Studio. Kode ini akan berisi kode startup untuk aplikasi secara keseluruhan.
Di sisi kiri Visual Studio, Anda juga akan melihat ToolBox. Kotak alat berisi semua kontrol yang dapat ditambahkan ke Formulir Windows. Kontrol seperti kotak teks atau label hanyalah beberapa kontrol yang dapat ditambahkan ke Formulir Windows.
Di bawah ini adalah tangkapan layar dari tampilan Toolbox.
Langkah 3) Pada langkah ini, kita sekarang akan menambahkan label ke Formulir yang akan menampilkan "Hello World." Dari kotak alat, Anda harus memilih kontrol Label dan cukup seret ke Formulir.
Setelah Anda menyeret label ke formulir, Anda dapat melihat label yang disematkan pada formulir seperti yang ditunjukkan di bawah ini.
Langkah 4) Langkah selanjutnya adalah pergi ke properti kontrol dan Ubah teks menjadi 'Hello World'.
Untuk masuk ke properti kontrol, Anda perlu mengklik kanan kontrol dan memilih opsi menu Properti
- Panel properti juga muncul di Visual Studio. Jadi untuk kontrol label, di kontrol properti, buka bagian Teks dan masukkan "Hello World".
- Setiap Kontrol memiliki sekumpulan properti yang mendeskripsikan kontrol.
Jika Anda mengikuti semua langkah di atas dan menjalankan program Anda di Visual Studio, Anda akan mendapatkan output berikut
Keluaran:-
Dalam output, Anda dapat melihat bahwa Formulir Windows ditampilkan. Anda juga dapat melihat 'Hello World' ditampilkan di formulir.
Menambahkan Kontrol ke formulir
Kami telah melihat bagaimana menambahkan kontrol ke formulir ketika kami menambahkan kontrol label di bagian sebelumnya untuk menampilkan "Hello World."
Mari kita lihat kontrol lain yang tersedia untuk formulir Windows dan lihat beberapa properti umumnya.
Dalam aplikasi formulir Windows kami dalam contoh C #, kami akan membuat satu formulir yang akan memiliki fungsi berikut.
- Kemampuan pengguna untuk memasukkan nama dan alamat.
- Opsi untuk memilih kota tempat tinggal pengguna
- Kemampuan pengguna untuk memasukkan opsi untuk jenis kelamin.
- Pilihan untuk memilih kursus yang ingin dipelajari pengguna. Akan ada pilihan untuk C # dan ASP.Net
Jadi mari kita lihat setiap kontrol secara mendetail dan menambahkannya untuk membangun formulir dengan fungsionalitas yang disebutkan di atas.
Kotak Grup
Kotak grup digunakan untuk kontrol pengelompokan logis ke dalam bagian. Mari kita ambil contoh jika Anda memiliki kumpulan kontrol untuk memasukkan detail seperti nama dan alamat seseorang. Idealnya, ini adalah detail seseorang, jadi Anda ingin memiliki detail ini di bagian terpisah di Formulir. Untuk tujuan ini, Anda dapat memiliki kotak grup. Mari kita lihat bagaimana kita dapat menerapkan ini dengan contoh yang ditunjukkan di bawah ini
Langkah 1) Langkah pertama adalah menyeret kontrol Groupbox ke Formulir Windows dari toolbox seperti yang ditunjukkan di bawah ini
Langkah 2) Setelah groupbox ditambahkan, buka jendela properti dengan mengklik kontrol groupbox. Di jendela properti, buka properti Teks dan ubah ke "Detail Pengguna".
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Dalam output, Anda dapat dengan jelas melihat bahwa Groupbox telah ditambahkan ke formulir. Anda juga dapat melihat bahwa teks kotak grup telah diubah menjadi "Detail Pengguna."
Kontrol Label
Berikutnya adalah Kontrol Label. Kontrol label digunakan untuk menampilkan teks atau pesan kepada pengguna di formulir. Kontrol label biasanya digunakan bersama dengan kontrol lainnya. Contoh umum adalah di mana label ditambahkan bersama dengan kontrol kotak teks.
Label menunjukkan kepada pengguna tentang apa yang diharapkan untuk diisi di kotak teks. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini. Kami akan menambahkan 2 label, satu yang akan disebut 'nama' dan yang lainnya disebut 'alamat.' Mereka akan digunakan bersama dengan kontrol kotak teks yang akan ditambahkan di bagian selanjutnya.
Langkah 1) Langkah pertama adalah menyeret kontrol label ke Formulir Windows dari kotak alat seperti yang ditunjukkan di bawah ini. Pastikan Anda menyeret kontrol label 2 kali sehingga Anda dapat memiliki satu untuk 'nama' dan yang lainnya untuk 'alamat'.
Langkah 2) Setelah label ditambahkan, buka jendela properti dengan mengklik kontrol label. Di jendela properti, buka properti Teks dari setiap kontrol label.
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Anda dapat melihat kontrol label yang ditambahkan ke formulir.
Kolom tulisan
Kotak teks digunakan untuk mengizinkan pengguna memasukkan beberapa teks pada aplikasi Windows di C #. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini. Kami akan menambahkan 2 kotak teks ke formulir, satu untuk Nama dan yang lainnya untuk alamat yang akan dimasukkan untuk pengguna
Langkah 1) Langkah pertama adalah menyeret kontrol kotak teks ke Formulir Windows dari kotak alat seperti yang ditunjukkan di bawah ini
Langkah 2) Setelah kotak teks ditambahkan, buka jendela properti dengan mengklik kontrol kotak teks. Di jendela properti, buka properti Nama dan tambahkan nama yang bermakna ke setiap kotak teks. Misalnya, beri nama kotak teks untuk pengguna sebagai txtUser dan untuk alamat sebagai txtAddress. Konvensi dan standar penamaan harus dibuat untuk kontrol karena menjadi lebih mudah untuk menambahkan fungsionalitas ekstra ke kontrol ini, yang akan kita lihat nanti.
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Dalam output, Anda dapat dengan jelas melihat bahwa Textbox telah ditambahkan ke formulir.
Kotak daftar
Kotak Daftar digunakan untuk menampilkan daftar item pada formulir Windows. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini. Kami akan menambahkan kotak daftar ke formulir untuk menyimpan beberapa lokasi kota.
Langkah 1) Langkah pertama adalah menyeret kontrol kotak daftar ke Formulir Windows dari kotak alat seperti yang ditunjukkan di bawah ini
Langkah 2) Setelah kotak daftar ditambahkan, buka jendela properti dengan mengklik kontrol kotak daftar.
- Pertama, ubah properti kontrol kotak Listbox, dalam kasus kami, kami telah mengubahnya menjadi lstCity
- Klik pada properti Item. Ini akan memungkinkan Anda untuk menambahkan item berbeda yang dapat muncul di kotak daftar. Dalam kasus kami, kami telah memilih item "koleksi".
- Di Editor Koleksi String, yang muncul, masukkan nama kota. Dalam kasus kami, kami telah memasukkan "Mumbai", "Bangalore" dan "Hyderabad".
- Terakhir, klik tombol 'OK'.
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Dalam output, Anda dapat melihat bahwa Listbox telah ditambahkan ke formulir. Anda juga dapat melihat bahwa kotak daftar telah diisi dengan nilai kota.
Tombol radio
Radiobutton digunakan untuk menampilkan daftar item yang pengguna dapat memilih salah satunya. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini. Kami akan menambahkan tombol radio untuk opsi pria / wanita.
Langkah 1) Langkah pertama adalah menyeret kontrol 'radiobutton' ke Formulir Windows dari toolbox seperti yang ditunjukkan di bawah ini.
Langkah 2) Setelah Radiobutton ditambahkan, buka jendela properti dengan mengklik kontrol Radiobutton.
- Pertama, Anda perlu mengubah properti teks dari kedua kontrol Radio. Buka jendela properti dan ubah teks menjadi laki-laki dari satu tombol radio dan teks yang lain menjadi perempuan.
- Demikian pula, ubah properti nama dari kedua kontrol Radio. Buka jendela properti dan ubah nama menjadi 'rdMale' dari satu tombol radio dan menjadi 'rdfemale' untuk yang lainnya.
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Anda akan melihat tombol Radio ditambahkan ke formulir Windows.
Kotak centang
Kotak centang digunakan untuk memberikan daftar opsi di mana pengguna dapat memilih beberapa pilihan. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini. Kami akan menambahkan 2 kotak centang ke formulir Windows kami. Kotak centang ini akan memberikan opsi kepada pengguna apakah mereka ingin belajar C # atau ASP.Net.
Langkah 1) Langkah pertama adalah menyeret kontrol kotak centang ke Formulir Windows dari kotak alat seperti yang ditunjukkan di bawah ini
Langkah 2) Setelah kotak centang ditambahkan, buka jendela properti dengan mengklik kontrol Kotak centang.
Di jendela properti,
- Pertama, Anda perlu mengubah properti teks dari kedua kontrol kotak centang. Buka jendela properti dan ubah teks menjadi C # dan ASP.Net.
- Demikian pula, ubah properti nama dari kedua kontrol Radio. Buka jendela properti dan ubah nama menjadi chkC dari satu kotak centang dan chkASP untuk kotak centang lainnya.
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Tombol
Tombol digunakan untuk memungkinkan pengguna mengklik tombol yang kemudian akan memulai pemrosesan formulir. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini. Kami akan menambahkan tombol sederhana bernama 'Kirim' yang akan digunakan untuk mengirimkan semua informasi di formulir.
Langkah 1) Langkah pertama adalah menyeret kontrol tombol ke Formulir Windows dari toolbox seperti yang ditunjukkan di bawah ini
Langkah 2) Setelah Tombol ditambahkan, buka jendela properti dengan mengklik kontrol Tombol.
- Pertama, Anda perlu mengubah properti teks dari kontrol tombol. Buka jendela properti dan ubah teks menjadi 'kirim'.
- Demikian pula, ubah properti nama kontrol. Buka jendela properti dan ubah nama menjadi 'btnSubmit'.
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Selamat, Anda sekarang telah memiliki Formulir Windows dasar pertama Anda. Sekarang mari kita pergi ke topik berikutnya untuk melihat bagaimana kita dapat melakukan penanganan Event untuk Kontrol.
C # Penanganan Peristiwa untuk Kontrol
Saat bekerja dengan formulir windows, Anda dapat menambahkan acara ke kontrol. Suatu peristiwa adalah sesuatu yang terjadi ketika suatu tindakan dilakukan. Mungkin tindakan yang paling umum adalah mengklik tombol di formulir. Di C # Windows Forms, Anda dapat menambahkan kode yang dapat digunakan untuk melakukan tindakan tertentu saat tombol ditekan pada formulir.
Biasanya ketika tombol ditekan pada formulir, itu berarti beberapa pemrosesan harus dilakukan.
Mari kita lihat salah satu event dan bagaimana itu bisa ditangani sebelum kita pergi ke skenario event tombol.
Contoh di bawah ini akan menampilkan acara untuk kontrol Listbox. Jadi setiap kali item dipilih dalam kontrol listbox, kotak pesan akan muncul yang menunjukkan item yang dipilih. Mari lakukan langkah-langkah berikut untuk mencapai ini.
Langkah 1) Klik dua kali pada Listbox di desainer formulir . Dengan melakukan ini, Visual Studio akan secara otomatis membuka file kode untuk formulir. Dan secara otomatis akan menambahkan metode acara ke kode. Metode acara ini akan dipicu, setiap kali item apa pun di kotak daftar dipilih.
Di atas adalah potongan kode yang secara otomatis ditambahkan oleh Visual Studio, ketika Anda mengklik ganda kontrol kotak Daftar pada formulir. Sekarang mari tambahkan bagian kode di bawah ini ke cuplikan kode ini, untuk menambahkan fungsionalitas yang diperlukan ke acara listbox.
- Ini adalah metode penanganan kejadian yang secara otomatis dibuat oleh Visual Studio ketika Anda mengklik dua kali kontrol kotak Daftar. Anda tidak perlu mengkhawatirkan kerumitan nama metode atau parameter yang diteruskan ke metode.
- Di sini kita mendapatkan SelectedItem melalui properti lstCity.SelectedItem. Ingatlah bahwa lstCity adalah nama kontrol Listbox kami. Kami kemudian menggunakan metode GetItemText untuk mendapatkan nilai sebenarnya dari item yang dipilih. Kami kemudian menetapkan nilai ini ke variabel teks.
- Terakhir, kami menggunakan metode MessageBox untuk menampilkan nilai variabel teks kepada pengguna.
Satu Anda membuat perubahan di atas, dan menjalankan program di Visual Studio Anda akan melihat output berikut
Keluaran:-
Dari output, Anda dapat melihat bahwa ketika item apa pun dari kotak daftar dipilih, kotak pesan akan muncul. Ini akan menampilkan item yang dipilih dari listbox.
Sekarang mari kita lihat kontrol terakhir yang merupakan metode klik tombol. Sekali lagi ini mengikuti filosofi yang sama. Cukup klik dua kali tombol di Desainer Formulir dan secara otomatis akan menambahkan metode untuk pengendali peristiwa tombol. Maka Anda hanya perlu menambahkan kode di bawah ini.
- Ini adalah metode penanganan kejadian yang secara otomatis dibuat oleh Visual Studio ketika Anda mengklik dua kali tombol kontrol. Anda tidak perlu mengkhawatirkan kerumitan nama metode atau parameter yang diteruskan ke metode.
- Di sini kita mendapatkan nilai yang dimasukkan dalam kotak teks nama dan alamat. Nilai dapat diambil dari properti teks kotak teks. Kami kemudian menetapkan nilai ke 2 variabel, nama, dan alamat yang sesuai.
- Terakhir, kami menggunakan metode MessageBox untuk menampilkan nama dan nilai alamat kepada pengguna.
Satu Anda membuat perubahan di atas, dan menjalankan program di Visual Studio Anda akan melihat output berikut
Keluaran:-
- Pertama, masukkan nilai di bidang nama dan alamat.
- Kemudian klik tombol Kirim
Setelah Anda mengklik tombol Kirim, sebuah kotak pesan akan muncul, dan itu akan menunjukkan dengan benar apa yang Anda masukkan di bagian detail pengguna.
Kontrol Pohon dan PictureBox
Ada 2 kontrol lebih lanjut yang bisa kita lihat, satu adalah 'Kontrol Pohon' dan yang lainnya adalah 'Kontrol gambar'. Mari kita lihat contoh bagaimana kita dapat menerapkan kontrol ini
Kontrol Pohon
- Kontrol pohon digunakan untuk membuat daftar item di pohon seperti mode. Mungkin contoh terbaiknya adalah ketika kita melihat Windows Explorer itu sendiri. Struktur folder di Windows Explorer seperti struktur seperti pohon.
Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini.
Langkah 1) Langkah pertama adalah menyeret kontrol Pohon ke Formulir Windows dari kotak alat seperti yang ditunjukkan di bawah ini
Langkah 2) Langkah selanjutnya adalah mulai menambahkan node ke kumpulan pohon sehingga bisa muncul di pohon yang sesuai. Pertama, mari ikuti sub-langkah di bawah ini untuk menambahkan simpul akar ke koleksi pohon.
- Pergi ke kotak alat properti untuk kontrol tampilan pohon. Klik pada properti Node. Ini akan memunculkan TreeNode Editor
- Di TreeNode Editor, klik tombol Add Root untuk menambahkan simpul akar ke koleksi pohon.
- Selanjutnya, ubah teks dari node Root dan berikan teks sebagai Root dan klik tombol 'OK'. Ini akan menambahkan node Root.
Langkah 3) Langkah selanjutnya adalah mulai menambahkan simpul anak ke koleksi pohon. Mari ikuti sub-langkah di bawah ini untuk menambahkan simpul akar anak ke koleksi pohon.
- Pertama, klik tombol Add child. Ini akan memungkinkan Anda untuk menambahkan simpul anak ke koleksi Pohon.
- Untuk setiap simpul anak, ubah properti teks. Terus ulangi langkah sebelumnya dan langkah ini dan tambahkan 2 node tambahan. Pada akhirnya, Anda akan memiliki 3 node seperti yang ditunjukkan di atas, dengan teks masing-masing sebagai Label, Tombol, dan Kotak Centang.
- Klik pada tombol OK
Setelah Anda membuat perubahan di atas, Anda akan melihat output berikut.
Keluaran:-
Anda akan dapat melihat tampilan Pohon ditambahkan ke formulir. Saat Anda menjalankan aplikasi formulir Windows, Anda dapat memperluas simpul akar dan melihat simpul anak dalam daftar.
Kontrol PictureBox
Kontrol ini digunakan untuk menambahkan gambar ke Winforms C #. Mari kita lihat bagaimana kita dapat mengimplementasikan ini dengan contoh yang ditunjukkan di bawah ini.
Langkah 1) Langkah pertama adalah menyeret kontrol PictureBox ke Formulir C # Windows dari toolbox seperti yang ditunjukkan di bawah ini
Langkah 2) Langkah selanjutnya adalah benar-benar melampirkan gambar ke kontrol kotak gambar. Ini dapat dilakukan dengan mengikuti langkah-langkah di bawah ini.
- Pertama, klik pada properti Image untuk kontrol PictureBox. Jendela baru akan muncul.
- Di jendela ini, klik tombol Impor. Ini akan digunakan untuk melampirkan gambar ke kontrol kotak gambar.
- Kotak dialog akan muncul di mana Anda akan dapat memilih gambar untuk melampirkan kotak gambar
- Klik pada tombol OK
Setelah Anda melakukan perubahan di atas, Anda akan melihat output berikut
Keluaran:-
Dari output, Anda dapat melihat bahwa gambar ditampilkan di formulir.
Ringkasan
- Formulir Windows dalam aplikasi C # adalah salah satu yang berjalan di desktop komputer. Formulir Visual Studio bersama dengan C # dapat digunakan untuk membuat aplikasi Formulir Windows.
- Kontrol dapat ditambahkan ke Windows bentuk C # melalui Toolbox di Visual Studio. Kontrol seperti label, kotak centang, tombol radio, dll. Dapat ditambahkan ke formulir melalui kotak alat.
- Seseorang juga dapat menggunakan kontrol lanjutan seperti kontrol tampilan pohon dan kontrol PictureBox.
- Penangan peristiwa digunakan untuk menanggapi peristiwa yang dihasilkan dari kontrol. Yang paling umum adalah yang ditambahkan untuk acara yang diklik tombol.