Bagikan melalui


Tutorial: Membuat aplikasi WinForms dengan Visual Basic

Dalam tutorial ini, Anda membuat aplikasi Visual Basic yang memiliki antarmuka pengguna Windows Forms. Lingkungan pengembangan terintegrasi Visual Studio (IDE) mencakup semua alat yang Anda butuhkan untuk membuat aplikasi Windows Forms.

Dalam tutorial ini, Anda akan belajar cara:

  • Membuat proyek
  • Menambahkan tombol ke formulir
  • Menambahkan label dan kode
  • Jalankan aplikasi

Prasyarat

  • Anda memerlukan Visual Studio untuk menyelesaikan tutorial ini. Kunjungi Unduh Visual Studio untuk versi 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.
  • Anda memerlukan Visual Studio untuk menyelesaikan tutorial ini. Kunjungi Unduh Visual Studio untuk versi 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

Membuat proyek aplikasi Visual Basic. Jenis proyek dilengkapi dengan semua file templat yang Anda butuhkan.

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

    Cuplikan layar memperlihatkan jendela mulai Visual Studio 2019 dengan Buat proyek baru dipilih.

  2. Pada jendela Buat proyek baru , pilih templat Aplikasi Formulir Windows (.NET Framework) untuk Visual Basic.

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

    Cuplikan layar memperlihatkan jendela Buat proyek baru dengan Aplikasi Formulir Windows (.NET Framework) dipilih.

  3. Di jendela Konfigurasikan proyek baru Anda , masukkan HelloWorld sebagai Nama proyek. Kemudian, pilih Buat.

    Cuplikan layar memperlihatkan jendela Konfigurasikan proyek baru Anda dengan nama HelloWorld yang dimasukkan.

    Visual Studio membuka proyek baru Anda.

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

    Cuplikan layar yang memperlihatkan jendela mulai Visual Studio 2022 dengan Buat proyek baru dipilih.

  2. Pada jendela Buat proyek baru , pilih templat Aplikasi Formulir Windows (.NET Framework) untuk Visual Basic.

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

    Cuplikan layar yang memperlihatkan jendela Buat proyek baru dengan Aplikasi Formulir Windows (.NET Framework) dipilih.

  3. Di jendela Konfigurasikan proyek baru Anda , masukkan HelloWorld sebagai Nama proyek. Kemudian, pilih Buat.

    Cuplikan layar memperlihatkan jendela Konfigurasikan proyek baru Anda dengan nama HelloWorld yang dimasukkan.

    Visual Studio membuka proyek baru Anda.

Menambahkan tombol ke formulir

Setelah Anda memilih templat proyek Visual Basic dan memberi nama file Anda, Visual Studio akan membuka formulir untuk Anda. Formulir adalah antarmuka pengguna Windows. Anda membuat aplikasi Hello World dengan menambahkan kontrol ke formulir.

  1. Di sisi kiri Visual Studio IDE, pilih tab Kotak Alat . Jika Anda tidak melihatnya, pilih Tampilkan>Kotak Alat dari bilah menu atau Ctrl+Alt+X.

    Cuplikan layar memperlihatkan tab Kotak Alat yang membuka jendela Kotak Alat.

    Jika mau, pilih ikon Sematkan untuk menempatkan jendela Kotak Alat.

  2. Di bagian Kontrol Umum , pilih kontrol Tombol lalu seret ke formulir.

    Cuplikan layar memperlihatkan kontrol Tombol ditambahkan ke formulir.

  3. Di bagian Tampilan dari jendela Properti , untuk Teks, ketik Klik ini, lalu pilih Enter.

    Cuplikan layar memperlihatkan properti Teks dengan nilai Klik ini.

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

  4. Di bagian Desain dari jendela Properti , ubah nama dari Tombol1 ke btnClickThis, lalu pilih Enter.

    Cuplikan layar memperlihatkan properti Nama dengan nilai btnClickThis.

    Nota

    Jika Anda telah mengurutkan daftar secara alfabetis di jendela Properti, Tombol1 muncul di bagian (DataBindings) sebagai gantinya.

Menambahkan label dan kode

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

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

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

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

    Opsi lain adalah memperluas Form1.vb di Penjelajah Solusi. Lalu pilih Form1.

  4. Di jendela Form1.vb , antara Private Sub baris dan End Sub , masukkan lblHelloWorld.Text = "Hello World!" seperti yang ditunjukkan pada cuplikan layar berikut:

    Cuplikan layar memperlihatkan kelas di tab Form1.vs tempat Anda dapat menambahkan kode Visual Basic.

Jalankan aplikasi

Aplikasi Anda siap untuk membangun dan menjalankan.

  1. Pilih Mulai untuk menjalankan aplikasi.

    Cuplikan layar memperlihatkan tombol Mulai yang menjalankan aplikasi Anda.

    Beberapa hal terjadi. Di IDE Visual Studio, jendela Alat Diagnostik terbuka, dan jendela Output terbuka. 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.

    Cuplikan layar memperlihatkan kotak dialog berjudul Formulir 1 yang menampilkan teks Halo Dunia!

    Teks Label1 berubah menjadi Halo Dunia!.

  3. Tutup kotak dialog Form1 untuk berhenti menjalankan aplikasi.

Untuk mempelajari selengkapnya tentang Windows Forms, lanjutkan dengan tutorial berikut:

Tutorial : Membuat penampil gambar

Atau coba tutorial lain ini: