Winforms: Cara Membuat dan Menampilkan Kotak Dialog Input

Kotak dialog popup adalah cara sempurna untuk mengambil input yang diperlukan dengan cepat dari pengguna aplikasi Anda. Pelajari cara membuatnya di aplikasi Windows Forms.

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 selengkapnya tentang acara Windows Forms lainnya yang dapat Anda gunakan di aplikasi Windows Forms.

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

  1. Buat 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:
    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.
    private void dialogButton_Click(object sender, EventArgs e)
    {
    }

See also  Memahami Meminjam di Rust

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.
    public static DialogResult InputBox(string title, string promptText, ref string value)
    {
    }
  2. Di dalam Kotak Masukan() fungsi, buat elemen UI yang akan ditampilkan di formulir.
    Form form = new Form();
    Label label = new Label();
    TextBox textBox = new TextBox();
    Button buttonOk = new Button();
    Button buttonCancel = new Button();
  3. Tambahkan judul formulir, yang akan ditampilkan di sudut kiri atas. Tambahkan juga pesan utama yang akan ditampilkan kepada pengguna, di atas kotak input.
    form.Text = title;
    label.Text = promptText;
  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.
    buttonOk.Text = "OK";
    buttonCancel.Text = "Cancel";
    buttonOk.DialogResult = DialogResult.OK;
    buttonCancel.DialogResult = DialogResult.Cancel;
  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);
    textBox.SetBounds(36, 86, 700, 20);
    buttonOk.SetBounds(228, 160, 160, 60);
    buttonCancel.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.AutoSize = true;
    form.ClientSize = new Size(796, 307);
    form.FormBorderStyle = FormBorderStyle.FixedDialog;
    form.StartPosition = FormStartPosition.CenterScreen;
    form.MinimizeBox = false;
    form.MaximizeBox = false;
  7. Tambahkan elemen UI ke formulir baru, dan atur tombol terima dan batalkan formulir ke objek tombol yang dibuat sebelumnya.
    form.Controls.AddRange(new Control[] { label, textBox, buttonOk, buttonCancel });
    form.AcceptButton = buttonOk;
    form.CancelButton = buttonCancel;
  8. Tampilkan jendela dialog yang baru dibuat kepada pengguna.
    DialogResult dialogResult = form.ShowDialog();
  9. Simpan nilai yang dimasukkan pengguna ke dalam kotak teks. Kembalikan hasil formulir, yang dapat berupa “Oke”, atau “Batal”, berdasarkan tombol yang diklik pengguna.
    value = textBox.Text;
    return dialogResult;

See also  Menerapkan Pola Desain Pengamat di TypeScript

Cara Menggunakan Kotak Dialog Masukan

Untuk menggunakan kotak dialog masukan, 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.
    string value = "";
  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.
    if (InputBox("Dialog Box", "What is your name?", ref value) == DialogResult.OK)
    {
    labelResponseInput.Visible = true;
    labelResponseInput.Text = "Your name: " + value;
    }

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.

See also  Cara Menambahkan Emoji ke File, Folder, dan Nama Drive Anda di Home windows 10 & 11

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.