Bagikan melalui

Membuat aplikasi Formulir Windows di Visual Studio dengan C#

  • Artikel

Dalam tutorial ini, Anda akan membuat aplikasi C# sederhana yang memiliki antarmuka pengguna (UI) berbasis Windows.

Jika Anda belum menginstal Visual Studio, buka halaman pengunduhan Visual Studio untuk menginstalnya secara gratis.

Catatan

Beberapa cuplikan layar dalam tutorial ini menggunakan tema gelap. Jika Anda tidak menggunakan tema gelap tetapi ingin menggunakannya, lihat halaman Personalisasi IDE Visual Studio dan Editor untuk mempelajari caranya.

Jika Anda belum menginstal Visual Studio, buka halaman unduhan Visual Studio 2022 untuk menginstalnya secara gratis.

Membuat proyek

Pertama, Anda akan membuat proyek aplikasi C#. Jenis proyek dilengkapi dengan semua file templat yang akan Anda butuhkan, sebelum Anda bahkan menambahkan apa pun.

  1. Buka Visual Studio.

  2. Dari jendela awal, pilih Buat proyek baru.

    View the 'Create a new project' window

  3. Pada jendela Buat proyek baru, pilih templat aplikasi Formulir Windows (.NET Framework) untuk C#.

    (Jika mau, Anda dapat menyempurnakan pencarian Anda untuk dengan cepat masuk ke templat yang Anda inginkan. Misalnya, masukkan atau ketik aplikasi Formulir Windows di kotak pencarian. Selanjutnya, pilih C# dari daftar Bahasa, lalu pilih Windows dari daftar Platform.)

    Choose the C# template for the Windows Forms App (.NET Framework)

    Catatan

    Jika Anda tidak melihat templat Formulir Windows App (.NET Framework), Anda dapat menginstalnya dari jendela Buat proyek baru. Di pesan Tidak menemukan apa yang Anda cari?, pilih link Instal alat dan fitur lain.

    The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create new project' window

    Selanjutnya, di Penginstal Visual Studio, pilih beban kerja pengembangan desktop .NET.

    .NET Core workload in the Visual Studio Installer

    Setelah itu, pilih tombol Ubah di alat penginstal Visual Studio. Anda mungkin diminta untuk menyimpan pekerjaan Anda; jika demikian, lakukanlah. Selanjutnya, pilih Lanjutkan untuk menginstal beban kerja. Kemudian, kembali ke langkah 2 dalam prosedur "Buat proyek" ini.

  4. Di jendela Konfigurasikan proyek baru Anda, ketik atau masukkan HelloWorld di kotak Nama proyek. Kemudian, pilih Buat.

    in the 'Configure your new project' window, name your project 'HelloWorld'

    Visual Studio membuka proyek baru Anda.

  1. Buka Visual Studio.

  2. Di jendela mulai, pilih Buat proyek baru.

    Screenshot to show the Create a new project window.

  3. Pada jendela Buat proyek baru, pilih templat aplikasi Formulir Windows (.NET Framework) untuk C#.

    (Jika mau, Anda dapat menyempurnakan pencarian Anda untuk dengan cepat masuk ke templat yang Anda inginkan. Misalnya, masukkan atau ketik aplikasi Formulir Windows di kotak pencarian. Selanjutnya, pilih C# dari daftar Bahasa, lalu pilih Windows dari daftar Platform.)

    Screenshot to select the C# template for the Windows Forms App (.NET Framework).

    Catatan

    Jika Anda tidak melihat templat Formulir Windows App (.NET Framework), Anda dapat menginstalnya dari jendela Buat proyek baru. Di pesan Tidak menemukan yang Anda cari?, pilih link Instal alat dan fitur lainnya.

    Screenshot to show the The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create a new project' window.

    Selanjutnya, di Alat Penginstal Visual Studio, pilih beban kerja pengembangan desktop .NET.

    Screenshot to show the .NET Core workload in the Visual Studio Installer.

    Setelah itu, pilih tombol Ubah di Penginstal Visual Studio. Anda mungkin diminta untuk menyimpan pekerjaan Anda; jika demikian, lakukanlah. Berikutnya, pilih Lanjutkan untuk menginstal beban kerja. Kemudian, kembali ke langkah 2 dalam prosedur "Buat proyek" ini.

  4. Di jendela Konfigurasikan proyek baru Anda, ketik atau masukkan HelloWorld di kotak Nama proyek. Lalu, pilih Buat.

    Screenshot to show the 'Configure your new project' window and name your project 'HelloWorld'.

    Visual Studio membuka proyek baru Anda.

Buat aplikasi

Setelah Anda memilih templat proyek C# dan memberi nama file Anda, Visual Studio membuka formulir untuk Anda. Formulir adalah antarmuka pengguna Windows. Kita akan membuat aplikasi "Halo Dunia" dengan menambahkan kontrol ke formulir, lalu kita akan menjalankan aplikasi.

Menambahkan tombol ke formulir

  1. Pilih Kotak Alat untuk membuka jendela fly-out Kotak Alat.

    Screenshot to select the Toolbox to open the Toolbox window.

    (Jika Anda tidak melihat Opsi fly-out Kotak Alat, Anda dapat membukanya dari bilah menu. Untuk melakukannya, Lihat>Kotak Alat. Atau, tekan Ctrl+Alt+X.)

  2. Perluas Kontrol Umum dan pilih ikon Sematkan untuk menampi jendela Kotak Alat.

    Screenshot to select the Pin icon to pin the Toolbox window to the IDE.

  3. Pilih kontrol Tombol lalu seret ke formulir.

    Screenshot to add a button to the form.

  4. Di jendela Properti , temukan Teks, ubah nama dari tombol1 ke Click this, lalu tekan Enter.

    Screenshot to add text to the button on the form by using the Properties window.

    (Jika Anda tidak melihat Jendela properti, Anda dapat membukanya dari bilah menu. Untuk melakukannya, pilih Tampilkan>Jendela Properti. Atau, tekan F4.)

  5. Di bagian Desain dari jendela Properti , ubah nama dari tombol1 ke btnClickThis, lalu tekan Enter.

    Screenshot to add a function to the button on the form by using the Properties window.

    Catatan

    Jika Anda telah membuat alfabet daftar di jendela Properti , tombol1 muncul di bagian (DataBindings), sebagai gantinya.

Menambahkan label ke formulir

Sekarang setelah kita menambahkan kontrol tombol untuk membuat tindakan, mari kita tambahkan kontrol label untuk mengirim teks.

  1. Pilih kontrol Label dari jendela Kotak Alat, lalu seret ke formulir dan letakkan di bawah tombol Klik ini.

  2. Di bagian Desain atau bagian (DataBindings) dari jendela Properti, ubah nama label1 menjadi lblHelloWorld, lalu tekan Enter.

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 dalam Penjelajah Solusi, lalu pilih Form1.)

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

    Screenshot to add code to the form

Jalankan aplikasi

  1. Pilih tombol Mulai untuk menjalankan aplikasi.

    Screenshot to select Start to debug and run the app.

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

  2. Pilih tombol Klik ini dalam kotak dialog Form1 . Perhatikan bahwa teks label1 berubah menjadi Halo Dunia!.

    Screenshot to show a Form1 dialog box that includes label1 text.

  3. Tutup kotak dialog Form1 untuk berhenti menjalankan aplikasi.

Buat aplikasi

Setelah Anda memilih templat proyek C# dan memberi nama file Anda, Visual Studio membuka formulir untuk Anda. Formulir adalah antarmuka pengguna Windows. Kita akan membuat aplikasi "Halo Dunia" dengan menambahkan kontrol ke formulir, lalu kita akan menjalankan aplikasi.

Menambahkan tombol ke formulir

  1. Pilih Toolbox untuk membuka jendela fly-out Toolbox.

    Choose the Toolbox to open the Toolbox window

    (Jika Anda tidak melihat Opsi fly-out Kotak Alat, Anda dapat membukanya dari bilah menu. Untuk melakukannya, Lihat>Kotak Alat. Atau, tekan Ctrl+Alt+X.)

  2. Pilih ikon Sematkan untuk menambungkan jendela Kotak Alat.

    Choose the Pin icon to pin the Toolbox window to the IDE

  3. Pilih kontrol Tombol lalu seret ke formulir.

    Add a button to the form

  4. Di jendela Properti , temukan Teks, ubah nama dari Tombol1 ke Click this, lalu tekan Enter.

    Add text to the button on the form

    (Jika Anda tidak melihat Jendela properti, Anda dapat membukanya dari bilah menu. Untuk melakukannya, pilih Tampilkan>Jendela Properti. Atau, tekan F4.)

  5. Di bagian Desain dari jendela Properti , ubah nama dari Tombol1 ke btnClickThis, lalu tekan Enter.

    Add a function to the button on the form

    Catatan

    Jika Anda telah membuat alfabet daftar di jendela Properti , Tombol1 muncul di bagian (DataBindings), sebagai gantinya.

Menambahkan label ke formulir

Sekarang setelah kita menambahkan kontrol tombol untuk membuat tindakan, mari kita tambahkan kontrol label untuk mengirim teks.

  1. Pilih kontrol Label dari jendela Kotak Alat, lalu seret ke formulir dan letakkan di bawah tombol Klik ini.

  2. Di bagian Desain atau bagian (DataBindings) dari jendela Properti, ubah nama Label1 menjadi lblHelloWorld, lalu tekan Enter.

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 pilih Tampilkan Kode(atau tekan F7) dari menu klik kanan di Form1.cs.)

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

    Add code to the form

Jalankan aplikasi

  1. Pilih tombol Mulai untuk menjalankan aplikasi.

    Choose Start to debug and run the app

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

  2. Pilih tombol Klik ini dalam kotak dialog Formulir1 . Perhatikan bahwa teks Label1 berubah menjadi Halo Dunia!.

    A Form1 dialog box that includes Label1 text

  3. Tutup kotak dialog Form1 untuk berhenti menjalankan aplikasi.

Langkah berikutnya

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

Tutorial: Membuat penampil gambar

Baca juga