Bagikan melalui

Tutorial: Membuat aplikasi Windows Forms di Visual Studio dengan C#

Dalam tutorial ini, Anda membuat aplikasi C# sederhana yang memiliki antarmuka pengguna (UI) berbasis Windows. Aplikasi ini memiliki tombol yang mengubah teks label. Aplikasi sederhana ini memiliki semua komponen yang digunakan untuk program Windows Forms yang lebih rumit.

  • Membuat proyek C# di Visual Studio
  • Membuat aplikasi
  • Jalankan aplikasi Anda

Prasyarat

  • Jika Anda tidak memiliki Visual Studio, buka unduhan Visual Studio untuk menginstalnya secara gratis.
  • Pengembangan desktop .NET beban kerja. Untuk memverifikasi atau menginstal beban kerja ini di Visual Studio, pilih Alat >Dapatkan Alat dan Fitur. Untuk informasi selengkapnya, lihat Mengubah beban kerja atau komponen individual.

Membuat proyek

Pertama, buat proyek aplikasi C#. Jenis proyek dilengkapi dengan semua file templat yang Anda butuhkan untuk membuat aplikasi Anda.

  1. Buka Visual Studio, dan pilih Buat proyek baru di jendela mulai.

    Cuplikan layar memperlihatkan jendela Buat proyek baru.

  2. Di Buat proyek baru, pilih templat Windows Forms App (.NET Framework) untuk C#.

    Cuplikan layar memperlihatkan Aplikasi Formulir Windows (.NET Framework) untuk C#.

    Anda dapat menyempurnakan pencarian Anda untuk masuk dengan cepat ke templat yang Anda inginkan. Misalnya, masukkan Aplikasi Windows Forms di kotak pencarian. Selanjutnya, pilih C# dari daftar bahasa, lalu pilih Windows dari daftar platform.

  3. Di Konfigurasi Proyek baru Anda, untuk nama proyek, masukkan HelloWorld dan pilih Buat.

    Cuplikan layar memperlihatkan jendela Konfigurasikan proyek baru Anda, di mana Anda memberi nama proyek Anda HelloWorld.

    Visual Studio membuka proyek baru Anda.

  1. Buka Visual Studio, dan pilih Buat proyek baru di jendela mulai.

    Cuplikan layar yang memperlihatkan opsi Buat proyek baru.

  2. Di Buat proyek baru, pilih templat Windows Forms App (.NET Framework) untuk C#.

    Anda dapat menyempurnakan pencarian Anda untuk masuk dengan cepat ke templat yang Anda inginkan. Misalnya, ketik Aplikasi Formulir Windows di kotak pencarian. Selanjutnya, pilih C# dari daftar bahasa, lalu pilih Windows dari daftar platform.

    Cuplikan layar yang memperlihatkan templat C# untuk Aplikasi Formulir Windows (.NET Framework).

  3. Di jendela Konfigurasikan proyek baru Anda, di Nama proyek, masukkan HelloWorld, dan pilih Buat.

    Cuplikan layar yang memperlihatkan jendela Konfigurasikan proyek baru Anda untuk proyek Anda bernama HelloWorld.

    Visual Studio membuka proyek baru Anda.

Membuat aplikasi

Setelah Anda memilih templat proyek C# dan memberi nama proyek Anda, Visual Studio akan membuka formulir untuk Anda. Formulir adalah antarmuka pengguna Windows. Buat aplikasi Hello World dengan menambahkan kontrol ke formulir. Kemudian menjalankan aplikasi.

Menambahkan tombol ke formulir

  1. Pilih Toolbox untuk membuka jendela flyout Toolbox.

    Cuplikan layar memperlihatkan opsi Kotak Alat untuk membuka jendela Kotak Alat.

    Jika Anda tidak melihat opsi Kotak Alat, Anda dapat membukanya dari bilah menu. Pilih Tampilkan>Toolbox atau Ctrl+Alt+X.

  2. Pilih ikon Pin untuk menampi jendela Kotak Alat.

    Cuplikan layar memperlihatkan ikon Sematkan yang menyematkan jendela Kotak Alat ke IDE.

  3. Pilih tombol kontrol lalu seret ke formulir.

    Cuplikan layar memperlihatkan formulir dengan tombol .

  4. Di jendela Properti , temukan Teks , ubah nama dari Button1 menjadi Click this, lalu pilih Enter .

    Cuplikan layar memperlihatkan tempat mengubah teks untuk tombol pada formulir.

    Jika Anda tidak melihat jendela Properti, Anda dapat membukanya dari bilah menu. Pilih Lihat>Jendela Properti atau F4.

  5. Di bagian Desain dari jendela Properti, ubah nama dari tombol 1 ke btnClickThis, lalu pilih Masukkan.

    Cuplikan layar memperlihatkan nama baru untuk tombol tersebut.

    Jika Anda mengurutkan daftar secara alfabetis di jendela Properti, Tombol1 muncul di bagian (DataBindings). Anda dapat menambatkan atau mengaitkan kontrol pada formulir Anda untuk mempermudah penempatan dan pengaturan otomatis ukuran saat formulir berubah ukuran.

Menambahkan label ke formulir

Setelah Anda menambahkan kontrol tombol untuk membuat tindakan, tambahkan kontrol label untuk menerima teks.

  1. Pilih kontrol Label dari Toolbox. Kemudian seret itu ke formulir dan letakkan di bawah Klik tombol ini.

  2. Di bagian Desain atau bagian (DataBindings) dari jendela Properti, ubah nama Label1 menjadi lblHelloWorld. Lalu pilih Masukkan.

Menambahkan kode ke formulir

  1. Di jendela Form1.cs [Desain], klik dua kali tombol Klik ini untuk membuka jendela Form1.cs.

    Atau, Anda dapat memperluas Form1.cs di Penjelajah Solusi, lalu memilih Tampilkan Kode atau memilih F7 dari menu pintasan di Form1.cs.

  2. Di jendela Form1.cs, setelah baris privat void, ketik atau masukkan lblHelloWorld.Text = "Hello World!"; seperti yang ditunjukkan pada cuplikan layar berikut.

    Cuplikan layar memperlihatkan jendela kode tempat Anda menambahkan kode ke formulir.

Setelah Anda memilih templat proyek C# dan memberi nama proyek Anda, Visual Studio akan membuka formulir untuk Anda. Formulir adalah antarmuka pengguna Windows. Buat aplikasi Hello World dengan menambahkan kontrol ke formulir. Kemudian menjalankan aplikasi.

Menambahkan tombol ke formulir

  1. Pilih Toolbox untuk membuka jendela flyout Toolbox.

    Cuplikan layar yang memperlihatkan cara memilih Kotak Alat untuk membuka jendela Kotak Alat.

    Jika Anda tidak melihat opsi Kotak Alat, Anda dapat membukanya dari bilah menu. Pilih Tampilkan>Toolbox atau Ctrl+Alt+X.

  2. Perluas Kontrol Umum dan pilih ikon Pin untuk menambatkan jendela Kotak Alat.

    Cuplikan layar yang memperlihatkan ikon Sematkan untuk menyematkan jendela Kotak Alat ke IDE.

  3. Pilih tombol kontrol lalu seret ke formulir.

    Cuplikan layar yang memperlihatkan formulir dengan tombol yang baru saja ditambahkan.

  4. Di jendela Properti, temukan Teks. Ubah nama dari tombol 1 menjadi Click this, lalu pilih Masukkan.

    Cuplikan layar yang memperlihatkan bidang Teks di jendela Properti.

    Jika Anda tidak melihat jendela Properti, Anda dapat membukanya dari bilah menu. Pilih Lihat>Jendela Properti atau F4.

  5. Di bagian Desain dari jendela Properti, ubah nama dari tombol1 menjadi btnClickThis, lalu pilih Masukkan.

    Cuplikan layar yang memperlihatkan nama baru untuk tombol tersebut.

    Jika Anda mengurutkan daftar secara alfabetis di jendela Properti, Tombol1 muncul di bagian (DataBindings). Anda dapat menambatkan atau mengaitkan kontrol pada formulir Anda untuk mempermudah penempatan dan pengaturan otomatis ukuran saat formulir berubah ukuran.

Menambahkan label ke formulir

Setelah Anda menambahkan kontrol tombol untuk membuat tindakan, tambahkan kontrol label untuk menerima teks.

  1. Pilih kontrol Label dari Toolbox. Kemudian seret itu ke formulir dan letakkan di bawah Klik tombol ini.

  2. Di bagian Desain atau bagian (DataBindings) dari window Properti, ubah nama label1 menjadi lblHelloWorld. Lalu pilih Masukkan.

Menambahkan kode ke formulir

  1. Di jendela Form1.cs [Desain], klik dua kali tombol Klik ini untuk membuka jendela Form1.cs.

    Atau, Anda dapat memperluas Form1.cs di Solution Explorer, lalu memilih Form1.

  2. Di jendela Form1.cs, setelah baris privat void, ketik atau masukkan lblHelloWorld.Text = "Hello World!"; seperti yang ditunjukkan pada cuplikan layar berikut.

    Cuplikan layar yang memperlihatkan tempat menambahkan kode ke formulir.

Jalankan aplikasi

  1. Pilih tombol Mulai untuk menjalankan aplikasi.

    Cuplikan layar memperlihatkan tombol Mulai untuk men-debug dan menjalankan aplikasi.

    Beberapa hal terjadi. Di IDE Visual Studio, jendela Alat Diagnostik terbuka, dan jendela Output juga terbuka. Tetapi di luar IDE, kotak dialog Form1 muncul. Ini termasuk Klik tombol ini dan teks yang menyatakan Label1.

  2. Pilih tombol Klik ini di kotak dialog Form1. Perhatikan bahwa teks Label1 berubah menjadi Hello World!.

    Cuplikan layar memperlihatkan aplikasi Anda, yang merupakan kotak dialog Form1 yang menyertakan teks Label1.

  3. Tutup kotak dialog Form1 untuk berhenti menjalankan aplikasi.

  1. Pilih tombol Mulai untuk menjalankan aplikasi.

    Cuplikan layar yang memperlihatkan tombol Mulai untuk men-debug dan menjalankan aplikasi.

    Beberapa hal terjadi. Di IDE Visual Studio, jendela Alat Diagnostik terbuka, dan jendela Output juga terbuka. Tetapi di luar IDE, kotak dialog Form1 muncul. Ini termasuk Anda Klik tombol ini dan teks yang mengatakan label1.

  2. Pilih tombol Klik ini di kotak dialog Form1. Perhatikan bahwa label 1 teks berubah menjadi Hello World!.

    Cuplikan layar yang memperlihatkan kotak dialog Form1 yang menyertakan tombol dan label.

  3. Tutup kotak dialog Form1 untuk berhenti menjalankan aplikasi.

Konten terkait

Selamat atas penyelesaian tutorial ini. Untuk mempelajari lebih lanjut, lanjutkan dengan tutorial berikut:

Tutorial : Membuat penampil gambar

Atau coba tutorial lain ini:

  • Last updated on