Winforms: Cách tạo và hiển thị hộp thoại nhập liệu

Winforms: Cách tạo và hiển thị hộp thoại nhập liệu

Các ứng dụng máy tính để bàn thường sử dụng hộp thoại khi nhắc thông tin từ người dùng. Bạn có thể tạo hộp thoại nhập liệu trong ứng dụng Windows Forms bằng cách hiển thị một cửa sổ mới.





phải làm sao khi iphone của bạn bị dính logo quả táo

Bạn cũng có thể thêm các phần tử giao diện người dùng vào cửa sổ hộp thoại mới. Chúng bao gồm tin nhắn, hộp văn bản và các nút 'Ok' và 'Hủy'. Khi người dùng nhập thông tin vào hộp nhập liệu, bạn có thể lưu trữ kết quả và sử dụng nó trong các phần khác của ứng dụng.



LÀM VIDEO TRONG NGÀY

Cách tạo một chức năng khi nhấp để kích hoạt hộp thoại nhập

Hộp thoại không phải lúc nào cũng hiển thị. Bạn có thể kích hoạt hộp thoại để hiển thị khi người dùng hoàn thành một hành động, chẳng hạn như một lần nhấp vào nút. Bạn cũng có thể tìm hiểu thêm về các Sự kiện Windows Forms mà bạn có thể sử dụng trong ứng dụng Windows Forms.





Thêm một nút vào canvas và tạo một chức năng sẽ chạy khi người dùng nhấp vào nút.

  1. Tạo một ứng dụng Windows Forms mới trong Visual Studio.
  2. Trong Hộp công cụ, tìm kiếm một nút điều khiển giao diện người dùng.
  3. Nhấp và kéo một nút vào canvas. Đã thay đổi thuộc tính của nút trên canvas Winforms
  4. Trong cửa sổ thuộc tính, thay đổi các thuộc tính của nút thành các giá trị mới sau:
    Tên hộp thoại
    Kích thước 400, 100
    Chữ Mở hộp thoại nhập liệu
    Đã thêm nhãn vào canvas ứng dụng Winforms
  5. Trong Hộp công cụ, nhấp và kéo một nhãn vào canvas. Đặt nhãn ở phía bên phải của nút.
  6. Trong cửa sổ thuộc tính, thay đổi các thuộc tính của nhãn thành các giá trị sau:
    Tên labelResponseInput
    Dễ thấy Sai
  7. Bấm đúp vào nút Hộp thoại Nhập liệu mới. Điều này sẽ tạo ra một hàm khi nhấp trong tệp CS có mã phía sau cho biểu mẫu.
    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 
    }

Cách tạo Hộp thoại Nhập liệu

Tạo hộp thoại bên trong một chức năng mới. Hàm sẽ lập trình tạo một biểu mẫu mới và thêm các phần tử giao diện người dùng vào đó, bao gồm một hộp văn bản với các nút 'Ok' và 'Hủy'.



  1. Bên dưới hộp thoạiButton_Click () chức năng, tạo một chức năng mới sẽ tạo hộp thoại Nhập liệu. Tham số 'title' sẽ hiển thị ở góc trên bên trái của cửa sổ. Giá trị cho 'promptText' sẽ hiển thị cho người dùng. Tham số 'value' là tham số out và sẽ trả về giá trị mà người dùng đã nhập vào bên trong hộp nhập.
    public static DialogResult InputBox(string title, string promptText, ref string value) 
    { 
    }
  2. Bên trong InputBox() chức năng, tạo các phần tử giao diện người dùng sẽ hiển thị trên biểu mẫu.
    Form form = new Form(); 
    Label label = new Label(); 
    TextBox textBox = new TextBox(); 
    Button buttonOk = new Button(); 
    Button buttonCancel = new Button();
  3. Thêm tiêu đề của biểu mẫu, tiêu đề này sẽ hiển thị ở góc trên cùng bên trái. Đồng thời thêm thông báo chính sẽ hiển thị cho người dùng, phía trên hộp nhập liệu. 
    form.Text = title; 
    label.Text = promptText;
  4. Thêm giá trị cho các nút 'Ok' và 'Hủy'. Thuộc tính văn bản chứa văn bản hiển thị trên đầu mỗi nút. Thuộc tính DialogResult chứa loại kết quả mà nút sẽ đại diện. Bạn có thể đọc thêm về DialogResult trong Tài liệu chính thức của Microsoft 
    buttonOk.Text = "OK"; 
    buttonCancel.Text = "Cancel"; 
    buttonOk.DialogResult = DialogResult.OK; 
    buttonCancel.DialogResult = DialogResult.Cancel;    .
  5. Sử dụng SetBounds () để đặt vị trí x và y của nhãn, hộp văn bản và các nút trên biểu mẫu. Bạn cũng có thể chỉ định chiều rộng và chiều cao của từng phần tử. 
    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. Định cấu hình một số thuộc tính cho chính cửa sổ hộp thoại. Các thuộc tính này đặt kích thước biểu mẫu, đường viền và vị trí bắt đầu. Nó cũng kiểm soát khả năng thu nhỏ hoặc phóng to cửa sổ, hoặc thay đổi kích thước nhãn nếu cần.
    label.AutoSize = true; 
    form.ClientSize = new Size(796, 307); 
    form.FormBorderStyle = FormBorderStyle.FixedDialog; 
    form.StartPosition = FormStartPosition.CenterScreen; 
    form.MinimizeBox = false; 
    form.MaximizeBox = false;
  7. Thêm các phần tử giao diện người dùng vào biểu mẫu mới và đặt các nút chấp nhận và hủy bỏ của biểu mẫu thành các đối tượng nút đã tạo trước đó.
    form.Controls.AddRange(new Control[] { label, textBox, buttonOk, buttonCancel }); 
    form.AcceptButton = buttonOk; 
    form.CancelButton = buttonCancel;
  8. Hiển thị cửa sổ hộp thoại mới tạo cho người dùng.
    DialogResult dialogResult = form.ShowDialog();
  9. Lưu trữ giá trị mà người dùng đã nhập vào hộp văn bản. Trả về kết quả của biểu mẫu, sẽ là 'Ok' hoặc 'Hủy', dựa trên nút mà người dùng nhấp vào.
    value = textBox.Text; 
    return dialogResult;

Cách sử dụng Hộp thoại Nhập liệu

Để sử dụng hộp thoại nhập, hãy gọi InputBox() chức năng bên trong hộp thoạiButton_Click () hàm số. Khi người dùng nhấp vào nút 'Open Input Dialog', nó sẽ hiển thị hộp thoại.

  1. Bên trong hộp thoạiButton_Click () , tạo một biến để lưu trữ giá trị mà người dùng nhập vào bên trong hộp văn bản. Giá trị này sẽ đến từ tham số out 'value'. 
    string value = "";
  2. Hiển thị hộp thoại bằng cách gọi InputBox() hàm số. Kiểm tra xem người dùng có nhấp vào nút 'Ok' không và nếu có, hãy thêm một số văn bản lên màn hình để hiển thị phản hồi lại cho người dùng. 
    if (InputBox("Dialog Box", "What is your name?", ref value) == DialogResult.OK) 
    { 
        labelResponseInput.Visible = true; 
        labelResponseInput.Text = "Your name: " + value; 
    }

Cách xem Cửa sổ bật lên Hộp thoại Nhập liệu

Chạy ứng dụng và kích hoạt hộp thoại.



  1. Nhấp vào nút phát màu xanh lá cây ở đầu cửa sổ Visual Studio.
  2. Bấm vào Mở hộp thoại nhập liệu để hiển thị hộp thoại.
  3. Nhập tên vào hộp văn bản và nhấp vào ĐƯỢC RỒI cái nút. Hộp thoại sẽ đóng và hiển thị kết quả đã nhập vào hộp văn bản.
  4. Bấm vào Mở hộp thoại nhập liệu một lần nữa để mở lại hộp thoại.
  5. Bấm vào Hủy bỏ để đóng hộp thoại. Thao tác này sẽ hủy hộp thoại mà không cần hoàn thành bất kỳ hành động nào hoặc cập nhật giao diện người dùng.

Thêm phần tử nội dung và giao diện người dùng vào ứng dụng Windows Forms của bạn

Bạn có thể tạo hộp thoại đầu vào trong ứng dụng Windows Forms và hiển thị chúng cho người dùng khi một số sự kiện nhất định xảy ra. Bạn có thể tạo một cửa sổ hộp thoại mới bằng cách tạo một biểu mẫu mới. Sau đó, bạn có thể thêm các phần tử giao diện người dùng mới vào nó, chẳng hạn như nhãn, hộp văn bản hoặc nút.

Khi người dùng đã nhập thông tin cần thiết, bạn có thể đóng hộp nhập và lưu trữ thông tin mà họ đã nhập.



Nếu bạn muốn thêm nhiều nội dung hơn vào giao diện người dùng hoặc hộp thoại của mình, bạn có thể khám phá cách thêm các phần tử giao diện người dùng khác. Điều này bao gồm các yếu tố như hình dạng hoặc hình ảnh.