Biasanya aplikasi desktop menggunakan kotak dialog saat meminta informasi dari pengguna. Anda dapat membuat kotak dialog input dalam aplikasi Windows Forms, dengan menampilkan jendela baru.

Anda juga dapat menambahkan elemen UI ke jendela dialog baru. Ini termasuk pesan, kotak teks, dan tombol "Oke" dan "Batal". Saat pengguna memasukkan informasi di kotak input, Anda dapat menyimpan hasilnya dan menggunakannya di bagian lain aplikasi.

Cara Membuat Fungsi On-Click untuk Memicu Kotak Dialog Input

Kotak dialog tidak harus selalu terlihat. Anda dapat memicu kotak dialog untuk ditampilkan saat pengguna menyelesaikan suatu tindakan, seperti klik tombol. Anda juga dapat mempelajari lebih lanjut tentang lainnya Acara Windows Forms yang dapat Anda gunakan di aplikasi Windows Forms.

Tambahkan tombol ke kanvas dan buat fungsi yang akan berjalan saat pengguna mengklik tombol.

  1. Membuat aplikasi Windows Forms baru di Visual Studio.
  2. Di Toolbox, cari kontrol UI tombol.
  3. Klik dan seret tombol ke kanvas.
  4. Di jendela properti, ubah properti tombol ke nilai baru berikut:
    instagram viewer
    Nama properti Nilai baru
    Nama tombol dialog
    Ukuran 400, 100
    Teks Buka Dialog Masukan
  5. Di Toolbox, klik dan seret label ke kanvas. Tempatkan label di sisi kanan tombol.
  6. Di jendela properti, ubah properti label ke nilai berikut:
    Nama properti Nilai baru
    Nama labelResponsInput
    Terlihat PALSU
  7. Klik dua kali pada tombol Dialog Input baru. Ini akan menghasilkan fungsi on-click di file CS di belakang kode untuk formulir.
    pribadiruang kosongdialogButton_Click(pengirim objek, EventArgs e)
    {
    // Kode di sini akan terpicu ketika pengguna mengklik tombol
    // Ini akan menampilkan kotak dialog input
    }

Cara Membuat Kotak Dialog Masukan

Buat kotak dialog di dalam fungsi baru. Fungsi ini akan membuat formulir baru secara terprogram, dan menambahkan elemen UI ke dalamnya, termasuk kotak teks dengan tombol "Ok" dan "Batal".

  1. Di bawah dialogButton_Click() function, buat fungsi baru yang akan membuat kotak Dialog Input. Parameter "title" akan ditampilkan di sudut kiri atas jendela. Nilai untuk "promptText" akan ditampilkan kepada pengguna. Parameter "nilai" adalah parameter keluar dan akan mengembalikan nilai yang dimasukkan pengguna di dalam kotak input.
    publikstatis DialogResult InputBox (judul string, string promptText, nilai string ref)
    {
    }
  2. Di dalam Kotak Masukan() fungsi, buat elemen UI yang akan ditampilkan di formulir.
    bentuk formulir = baru Membentuk();
    Label label = baru Label();
    Kotak teks kotak teks = baru Kotak teks();
    Tombol tombolOke = baru Tombol();
    Tombol tombol Batal = baru Tombol();
  3. Tambahkan judul formulir, yang akan ditampilkan di sudut kiri atas. Tambahkan juga pesan utama yang akan ditampilkan kepada pengguna, di atas kotak input.
    membentuk. Teks = judul;
    label. Teks = promptTeks;
  4. Tambahkan nilai untuk tombol "Oke" dan "Batal". Properti teks berisi teks yang ditampilkan di atas setiap tombol. Properti DialogResult berisi jenis hasil yang akan diwakili oleh tombol. Anda dapat membaca lebih lanjut tentang DialogResult di Dokumentasi resmi Microsoft.
    tombolOke. Teks = "Oke";
    tombolBatal. Teks = "Membatalkan";
    tombolOke. DialogResult = DialogResult. OKE;
    tombolBatal. DialogResult = DialogResult. Membatalkan;
  5. Menggunakan SetBound() metode untuk mengatur posisi x dan y dari label, kotak teks, dan tombol pada formulir. Anda juga dapat menentukan lebar dan tinggi setiap elemen.
    label.SetBounds(36, 36, 372, 13);
    kotak teks.SetBounds(36, 86, 700, 20);
    tombolOke.SetBounds(228, 160, 160, 60);
    tombolBatal.SetBounds(400, 160, 160, 60);
  6. Konfigurasikan beberapa properti untuk jendela dialog itu sendiri. Properti ini mengatur ukuran formulir, batas, dan posisi awal. Ini juga mengontrol kemampuan untuk meminimalkan atau memaksimalkan jendela, atau mengubah ukuran label jika perlu.
    label. Ukuran Otomatis = BENAR;
    membentuk. Ukuran Klien = baru Ukuran(796, 307);
    membentuk. FormBorderStyle = BentukBorderStyle. Dialog tetap;
    membentuk. StartPosition = FormStartPosition. Layar Tengah;
    membentuk. MinimalkanKotak = Salah;
    membentuk. Maksimalkan Kotak = Salah;
  7. Tambahkan elemen UI ke formulir baru, dan atur tombol terima dan batalkan formulir ke objek tombol yang dibuat sebelumnya.
    membentuk. Kontrol. TambahkanRentang(baru Control[] { label, textBox, buttonOk, buttonCancel });
    membentuk. AcceptButton = tombolOk;
    membentuk. CancelButton = tombolBatal;
  8. Tampilkan jendela dialog yang baru dibuat kepada pengguna.
    DialogResult dialogResult = formulir. TampilkanDialog();
  9. Simpan nilai yang dimasukkan pengguna ke dalam kotak teks. Kembalikan hasil formulir, yang dapat berupa "Oke", atau "Batal", berdasarkan tombol yang diklik pengguna.
    nilai = kotak teks. Teks;
    kembali hasil dialog;

Cara Menggunakan Kotak Dialog Masukan

Untuk menggunakan kotak dialog input, panggil tombol Kotak Masukan() fungsi di dalam dialogButton_Click() fungsi. Ketika pengguna mengklik tombol "Buka Dialog Input", itu akan menampilkan kotak dialog.

  1. Di dalam dialogButton_Click() fungsi, buat variabel untuk menyimpan nilai yang dimasukkan pengguna di dalam kotak teks. Nilai ini akan berasal dari parameter "nilai" keluar.
    nilai string = "";
  2. Tampilkan kotak dialog dengan memanggil Kotak Masukan() fungsi. Periksa apakah pengguna mengklik tombol "Ok", dan jika demikian, tambahkan beberapa teks ke layar untuk menampilkan respons kembali kepada pengguna.
    jika (Kotak Masukan("Kotak dialog", "Siapa namamu?", nilai ref) == DialogResult. OKE)
    {
    labelResponsInput. Terlihat = BENAR;
    labelResponsInput. Teks = "Namamu: " + nilai;
    }

Cara Melihat Pop Up Dialog Masukan

Jalankan aplikasi dan picu kotak dialog.

  1. Klik tombol putar hijau di bagian atas jendela Visual Studio.
  2. Klik pada Buka Dialog Masukan tombol untuk menampilkan kotak dialog.
  3. Masukkan nama ke dalam kotak teks dan klik pada Oke tombol. Kotak dialog akan menutup dan menampilkan hasil yang dimasukkan ke dalam kotak teks.
  4. Klik pada Buka Dialog Masukan tombol lagi untuk membuka kembali kotak dialog.
  5. Klik pada Membatalkan tombol untuk menutup kotak dialog. Ini membatalkan kotak dialog tanpa menyelesaikan tindakan apa pun atau memperbarui UI.

Menambahkan Konten dan Elemen UI ke Aplikasi Windows Forms Anda

Anda dapat membuat kotak dialog input dalam aplikasi Windows Forms, dan menampilkannya kepada pengguna saat peristiwa tertentu terjadi. Anda dapat membuat jendela dialog baru dengan membuat formulir baru. Anda kemudian dapat menambahkan elemen UI baru ke dalamnya, seperti label, kotak teks, atau tombol.

Setelah pengguna memasukkan informasi yang diperlukan, Anda dapat menutup kotak input dan menyimpan informasi yang mereka masukkan.

Jika Anda ingin menambahkan lebih banyak konten ke UI atau kotak dialog, Anda dapat menjelajahi cara menambahkan elemen UI lainnya. Ini termasuk elemen seperti bentuk atau gambar.