Winforms: Cara Membuat dan Menampilkan Kotak Dialog Input

Winforms: Cara Membuat dan Menampilkan Kotak Dialog Input

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.





VIDEO MAKEUSEOF HARI INI

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.





beberapa server plex di komputer yang sama

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.   Mengubah properti tombol pada kanvas Winforms
  4. Di jendela properti, ubah properti tombol ke nilai baru berikut:
    Nama tombol dialog
    Ukuran 400, 100
    Teks Buka Dialog Masukan
      Menambahkan label ke kanvas aplikasi Winforms
  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 labelResponsInput
    Terlihat PALSU
  7. Klik dua kali pada tombol Dialog Input baru. Ini akan menghasilkan fungsi klik di file CS di belakang kode untuk formulir.
    private void dialogButton_Click(object sender, EventArgs e) 
    {
    // The code here will trigger when the user clicks on the button
    // It will display the input dialog box
    }

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'.



cara mengetahui alamat ip di printer
  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 pada 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;

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 'nilai' keluar parameter.
    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 ke 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.





situs web untuk mengunduh musik secara gratis
  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.