C# Windows Hướng dẫn đăng ký biểu mẫu kèm ví dụ

Ở phía bên trái của Visual Studio, bạn cũng sẽ thấy một Công cụBox. Hộp công cụ chứa tất cả các điều khiển có thể được thêm vào Windows Biểu mẫu. Các điều khiển như hộp văn bản hoặc nhãn chỉ là một số điều khiển có thể được thêm vào Windows Các hình thức.

Bên dưới là ảnh chụp màn hình cho thấy giao diện của Hộp công cụ.

Bước 3) Ở bước này, chúng ta sẽ thêm nhãn vào Form để hiển thị “Hello World”. Từ hộp công cụ, bạn sẽ cần chọn điều khiển Label và chỉ cần kéo nó vào Form.

Khi bạn kéo nhãn vào biểu mẫu, bạn có thể thấy nhãn được nhúng trên biểu mẫu như hiển thị bên dưới.

Bước 4) Bước tiếp theo là đi đến thuộc tính của điều khiển và Thay đổi văn bản thành 'Hello World'.

Để đi đến thuộc tính của điều khiển, bạn cần nhấp chuột phải vào điều khiển và chọn tùy chọn menu Thuộc tính

• Bảng thuộc tính cũng hiển thị trong Visual Studio. Vì vậy, đối với điều khiển nhãn, trong điều khiển thuộc tính, hãy đi đến phần Văn bản và nhập "Hello World".
• Mỗi Điều khiển có một tập hợp các thuộc tính mô tả điều khiển.

Nếu bạn làm theo tất cả các bước trên và chạy chương trình của mình trong Visual Studio, bạn sẽ nhận được kết quả sau

Đầu ra: -

Trong kết quả đầu ra, bạn có thể thấy rằng Windows Biểu mẫu được hiển thị. Bạn cũng có thể thấy 'Hello World' được hiển thị trên biểu mẫu.

Thêm điều khiển vào biểu mẫu

Chúng ta đã biết cách thêm điều khiển vào biểu mẫu khi thêm điều khiển nhãn trong phần trước để hiển thị “Xin chào thế giới”.

Hãy xem xét các điều khiển khác có sẵn cho Windows hình thức và xem một số tính chất chung của chúng.

Trong của chúng tôi Windows ứng dụng biểu mẫu trong ví dụ C#, chúng ta sẽ tạo một biểu mẫu có chức năng sau.

1. Khả năng cho người dùng nhập tên và địa chỉ.
2. Tùy chọn để chọn thành phố nơi người dùng cư trú
3. Khả năng người dùng nhập tùy chọn cho giới tính.
4. Một tùy chọn để chọn một khóa học mà người dùng muốn học. Sẽ có những lựa chọn cho cả C# và ASP.Net

Vì vậy, hãy xem xét từng điều khiển một cách chi tiết và thêm chúng để xây dựng biểu mẫu với chức năng nêu trên.

Nhóm Box

Hộp nhóm được sử dụng để nhóm các điều khiển hợp lý vào một phần. Hãy lấy ví dụ nếu bạn có một tập hợp các điều khiển để nhập thông tin chi tiết như tên và địa chỉ của một người. Lý tưởng nhất là đây là thông tin chi tiết của một người, vì vậy bạn sẽ muốn có những thông tin chi tiết này trong một phần riêng biệt trên Biểu mẫu. Với mục đích này, bạn có thể có một hộp nhóm. Hãy xem cách chúng ta có thể triển khai điều này bằng ví dụ được hiển thị bên dưới

Bước 1) Bước đầu tiên là kéo điều khiển Groupbox vào Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Sau khi đã thêm hộp nhóm, hãy vào cửa sổ thuộc tính bằng cách nhấp vào điều khiển hộp nhóm. Trong cửa sổ thuộc tính, hãy vào thuộc tính Text và đổi thành “User Details”.

Sau khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Trong kết quả đầu ra, bạn có thể thấy rõ Groupbox đã được thêm vào biểu mẫu. Bạn cũng có thể thấy văn bản của groupbox đã được đổi thành “User Details”.

Kiểm soát nhãn

Tiếp theo là Label Control. Label control được sử dụng để hiển thị văn bản hoặc tin nhắn cho người dùng trên biểu mẫu. Label control thường được sử dụng cùng với các control khác. Ví dụ phổ biến là khi một label được thêm vào cùng với textbox control.

Nhãn cho người dùng biết những gì mong đợi sẽ điền vào hộp văn bản. Chúng ta hãy xem cách chúng ta có thể triển khai điều này với ví dụ được hiển thị bên dưới. Chúng ta sẽ thêm 2 nhãn, một nhãn sẽ được gọi là 'tên' và nhãn còn lại được gọi là 'địa chỉ'. Chúng sẽ được sử dụng kết hợp với các điều khiển hộp văn bản sẽ được thêm vào trong phần sau.

Bước 1) Bước đầu tiên là kéo điều khiển nhãn vào Windows Tạo biểu mẫu từ hộp công cụ như hình dưới đây. Đảm bảo bạn kéo điều khiển nhãn 2 lần để bạn có thể có một nhãn cho 'tên' và nhãn còn lại cho 'địa chỉ'.

Bước 2) Khi nhãn đã được thêm vào, hãy chuyển đến cửa sổ thuộc tính bằng cách nhấp vào điều khiển nhãn. Trong cửa sổ thuộc tính, hãy chuyển đến thuộc tính Văn bản của từng điều khiển nhãn.

Sau khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Bạn có thể thấy các điều khiển nhãn được thêm vào biểu mẫu.

Hộp văn bản

Một hộp văn bản được sử dụng để cho phép người dùng nhập một số văn bản trên Windows ứng dụng trong C#. Chúng ta hãy xem cách chúng ta có thể triển khai điều này với ví dụ được hiển thị bên dưới. Chúng ta sẽ thêm 2 hộp văn bản vào biểu mẫu, một cho Tên và một cho địa chỉ được nhập cho người dùng

Bước 1) Bước đầu tiên là kéo điều khiển hộp văn bản vào Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Sau khi các hộp văn bản đã được thêm vào, hãy chuyển đến cửa sổ thuộc tính bằng cách nhấp vào điều khiển hộp văn bản. Trong cửa sổ thuộc tính, hãy chuyển đến thuộc tính Name và thêm tên có ý nghĩa vào mỗi hộp văn bản. Ví dụ, đặt tên hộp văn bản cho người dùng là txtName và tên cho địa chỉ là txtAddress. Cần tạo ra một quy ước đặt tên và tiêu chuẩn cho các điều khiển vì việc thêm chức năng bổ sung vào các điều khiển này trở nên dễ dàng hơn, chúng ta sẽ thấy sau.

Sau khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Trong kết quả đầu ra, bạn có thể thấy rõ ràng rằng Hộp văn bản đã được thêm vào biểu mẫu.

Hộp danh sách

Một Listbox được sử dụng để hiển thị danh sách các mục trên Windows form. Hãy cùng xem cách chúng ta có thể triển khai điều này bằng ví dụ được hiển thị bên dưới. Chúng ta sẽ thêm hộp danh sách vào form để lưu trữ một số vị trí thành phố.

Bước 1) Bước đầu tiên là kéo hộp điều khiển danh sách vào Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Sau khi hộp danh sách được thêm vào, hãy chuyển đến cửa sổ thuộc tính bằng cách nhấp vào điều khiển hộp danh sách.

1. Đầu tiên, hãy thay đổi thuộc tính của điều khiển hộp Listbox, trong trường hợp của chúng tôi, chúng tôi đã thay đổi thành lstCity
2. Nhấp vào thuộc tính Items. Điều này sẽ cho phép bạn thêm các mục khác nhau có thể hiển thị trong hộp danh sách. Trong trường hợp của chúng tôi, chúng tôi đã chọn mục “collection”.
3. Trong Trình chỉnh sửa Bộ sưu tập Chuỗi bật lên, hãy nhập tên thành phố. Trong trường hợp của chúng tôi, chúng tôi đã nhập “Mumbai”, “Bangalore” và “Hyderabad”.
4. Cuối cùng, nhấp vào nút 'OK'.

Sau khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Trong đầu ra, bạn có thể thấy Listbox đã được thêm vào biểu mẫu. Bạn cũng có thể thấy Listbox đã được điền giá trị thành phố.

Nút radio

Radiobutton được sử dụng để hiển thị danh sách các mục mà người dùng có thể chọn một mục. Hãy xem cách chúng ta có thể triển khai điều này bằng ví dụ bên dưới. Chúng tôi sẽ thêm nút radio cho tùy chọn nam/nữ.

Bước 1) Bước đầu tiên là kéo điều khiển 'nút radio' vào Windows Tạo biểu mẫu từ hộp công cụ như hình dưới đây.

Bước 2) Khi Radiobutton đã được thêm vào, hãy chuyển đến cửa sổ thuộc tính bằng cách nhấp vào điều khiển Radiobutton.

1. Đầu tiên, bạn cần thay đổi thuộc tính văn bản của cả hai nút Radio. Vào cửa sổ thuộc tính và thay đổi văn bản thành nam của một nút radio và văn bản của nút radio còn lại thành nữ.
2. Tương tự, hãy thay đổi thuộc tính tên của cả hai điều khiển Radio. Vào cửa sổ thuộc tính và đổi tên thành 'rdMale' của một nút radio và thành 'rdfemale' cho nút radio còn lại.

Khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Bạn sẽ thấy các nút Radio được thêm vào Windows hình thức.

Checkbox

Hộp kiểm được sử dụng để cung cấp danh sách các tùy chọn mà người dùng có thể chọn nhiều lựa chọn. Hãy xem cách chúng ta có thể triển khai điều này bằng ví dụ được hiển thị bên dưới. Chúng ta sẽ thêm 2 hộp kiểm vào Windows forms. Các hộp kiểm này sẽ cung cấp cho người dùng tùy chọn về việc họ muốn học C# hay ASP.Net.

Bước 1) Bước đầu tiên là kéo điều khiển hộp kiểm vào Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Sau khi đã thêm hộp kiểm, hãy vào cửa sổ thuộc tính bằng cách nhấp vào điều khiển Hộp kiểm.

Trong cửa sổ thuộc tính,

1. Đầu tiên, bạn cần thay đổi thuộc tính văn bản của cả hai điều khiển hộp kiểm. Vào cửa sổ thuộc tính và thay đổi văn bản thành C# và ASP.Net.
2. Tương tự, hãy thay đổi thuộc tính tên của cả hai điều khiển Radio. Vào cửa sổ thuộc tính và đổi tên thành chkC của một hộp kiểm và thành chkASP cho hộp kiểm còn lại.

Sau khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

nút

Một nút được sử dụng để cho phép người dùng nhấp vào nút để bắt đầu xử lý biểu mẫu. Hãy xem cách chúng ta có thể triển khai điều này bằng ví dụ bên dưới. Chúng tôi sẽ thêm một nút đơn giản gọi là 'Gửi', nút này sẽ được sử dụng để gửi tất cả thông tin trên biểu mẫu.

Bước 1) Bước đầu tiên là kéo nút điều khiển vào Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Khi Nút đã được thêm, hãy chuyển đến cửa sổ thuộc tính bằng cách nhấp vào điều khiển Nút.

1. Đầu tiên, bạn cần thay đổi thuộc tính văn bản của nút điều khiển. Vào cửa sổ thuộc tính và đổi văn bản thành 'submit'.
2. Tương tự, hãy thay đổi thuộc tính tên của điều khiển. Vào cửa sổ thuộc tính và đổi tên thành 'btnSubmit'.

Sau khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Xin chúc mừng, bây giờ bạn đã có kiến ​​thức cơ bản đầu tiên Windows Hình thức tại chỗ. Bây giờ chúng ta hãy chuyển sang chủ đề tiếp theo để xem cách chúng ta có thể xử lý Sự kiện cho Điều khiển.

Xử lý sự kiện C# cho điều khiển

Khi làm việc với biểu mẫu Windows, bạn có thể thêm sự kiện vào các điều khiển. Sự kiện là điều xảy ra khi một hành động được thực hiện. Có lẽ hành động phổ biến nhất là nhấp vào nút trên biểu mẫu. Trong C# Windows Biểu mẫu, bạn có thể thêm mã có thể được sử dụng để thực hiện một số hành động nhất định khi nhấn nút trên biểu mẫu.

Thông thường khi một nút được nhấn trên một biểu mẫu, điều đó có nghĩa là một số quá trình xử lý sẽ diễn ra.

Chúng ta hãy xem xét một trong các sự kiện và cách xử lý nó trước khi chúng ta đi đến kịch bản sự kiện nút.

Ví dụ bên dưới sẽ trình bày một sự kiện cho điều khiển Listbox. Vì vậy, bất cứ khi nào một mục được chọn trong điều khiển Listbox, một hộp thông báo sẽ bật lên hiển thị mục được chọn. Hãy thực hiện các bước sau để đạt được điều này.

Bước 1) Double nhấp vào Listbox trong trình thiết kế biểu mẫu. Bằng cách này, Visual Studio sẽ tự động mở tệp mã cho biểu mẫu. Và nó sẽ tự động thêm phương thức sự kiện vào mã. Phương thức sự kiện này sẽ được kích hoạt bất cứ khi nào bất kỳ mục nào trong hộp danh sách được chọn.

Phía trên là đoạn mã được Visual Studio tự động thêm vào khi bạn nhấp đúp vào điều khiển List box trên biểu mẫu. Bây giờ hãy thêm phần mã bên dưới vào đoạn mã này để thêm chức năng cần thiết vào sự kiện listbox.

1. Đây là phương thức xử lý sự kiện được Visual Studio tự động tạo ra khi bạn nhấp đúp vào điều khiển hộp Danh sách. Bạn không cần phải lo lắng về độ phức tạp của tên phương thức hoặc các tham số được truyền vào phương thức.
2. Ở đây chúng ta lấy SelectedItem thông qua thuộc tính lstCity.SelectedItem. Hãy nhớ rằng lstCity là tên của điều khiển Listbox của chúng ta. Sau đó, chúng ta sử dụng phương thức GetItemText để lấy giá trị thực của mục đã chọn. Sau đó, chúng ta gán giá trị này cho biến text.
3. Cuối cùng, chúng tôi sử dụng Tin nhắnBox phương pháp hiển thị giá trị biến văn bản cho người dùng.

Khi bạn thực hiện những thay đổi trên và chạy chương trình trong Visual Studio, bạn sẽ thấy kết quả sau

Đầu ra: -

Từ đầu ra, bạn có thể thấy rằng khi bất kỳ mục nào từ hộp danh sách được chọn, một hộp thông báo sẽ bật lên. Điều này sẽ hiển thị mục đã chọn từ hộp danh sách.

Bây giờ chúng ta hãy xem xét điều khiển cuối cùng là Phương pháp nhấp vào nút. Một lần nữa, điều này tuân theo cùng một triết lý. Chỉ cần nhấp đúp vào nút trong Forms Designer và nó sẽ tự động thêm phương pháp cho trình xử lý sự kiện nút. Sau đó, bạn chỉ cần thêm mã bên dưới.

1. Đây là phương thức xử lý sự kiện được Visual Studio tự động tạo ra khi bạn nhấp đúp vào nút điều khiển. Bạn không cần phải lo lắng về độ phức tạp của tên phương thức hoặc các tham số được truyền vào phương thức.
2. Ở đây chúng ta lấy các giá trị được nhập vào hộp văn bản tên và địa chỉ. Các giá trị có thể được lấy từ thuộc tính văn bản của hộp văn bản. Sau đó, chúng ta gán các giá trị cho 2 biến, tên và địa chỉ tương ứng.
3. Cuối cùng, chúng tôi sử dụng Tin nhắnBox phương pháp hiển thị giá trị tên và địa chỉ cho người dùng.

Khi bạn thực hiện những thay đổi trên và chạy chương trình trong Visual Studio, bạn sẽ thấy kết quả sau

Đầu ra: -

1. Đầu tiên, nhập một giá trị vào trường tên và địa chỉ.
2. Sau đó bấm vào nút Gửi

Khi bạn nhấp vào nút Gửi, một hộp thông báo sẽ bật lên và hiển thị chính xác những gì bạn đã nhập vào phần thông tin chi tiết người dùng.

Cây và Hình ảnhBox Kiểm soát

Có 2 điều khiển khác mà chúng ta có thể xem xét, một là 'Điều khiển cây' và điều khiển còn lại là 'Điều khiển hình ảnh'. Hãy xem các ví dụ về cách chúng tôi có thể triển khai các biện pháp kiểm soát này

Kiểm soát cây

– Điều khiển cây được sử dụng để liệt kê các mục theo kiểu cây. Có lẽ ví dụ tốt nhất là khi chúng ta thấy Windows Bản thân nhà thám hiểm. Cấu trúc thư mục trong Windows Explorer giống như một cấu trúc dạng cây.

Hãy xem cách chúng ta có thể triển khai điều này bằng ví dụ bên dưới.

Bước 1) Bước đầu tiên là kéo điều khiển Cây vào Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Bước tiếp theo là bắt đầu thêm các nút vào bộ sưu tập cây để nó có thể xuất hiện trên cây tương ứng. Trước tiên, hãy làm theo các bước phụ bên dưới để thêm nút gốc vào bộ sưu tập cây.

1. Đi đến hộp công cụ thuộc tính cho điều khiển chế độ xem cây. Nhấp vào thuộc tính của Node. Thao tác này sẽ đưa lên Trình chỉnh sửa TreeNode
2. Trong TreeNode Editor, nhấp vào nút Add Root để thêm nút gốc vào bộ sưu tập cây.
3. Tiếp theo, thay đổi văn bản của nút Root và cung cấp văn bản dưới dạng Root và nhấp vào nút 'OK'. Điều này sẽ thêm nút Root.

Bước 3) Bước tiếp theo là bắt đầu thêm các nút con vào bộ sưu tập cây. Hãy làm theo các bước phụ dưới đây để thêm nút gốc con vào bộ sưu tập cây.

1. Đầu tiên, nhấp vào nút Thêm con. Điều này sẽ cho phép bạn thêm các nút con vào bộ sưu tập Cây.
2. Đối với mỗi nút con, hãy thay đổi thuộc tính văn bản. Tiếp tục lặp lại bước trước và bước này và thêm 2 nút bổ sung. Cuối cùng, bạn sẽ có 3 nút như hiển thị ở trên, với văn bản lần lượt là Nhãn, Nút và Hộp kiểm.
3. Bấm vào nút OK

Sau khi thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau.

Đầu ra: -

Bạn sẽ có thể thấy Chế độ xem dạng cây được thêm vào biểu mẫu. Khi bạn chạy Windows ứng dụng biểu mẫu, bạn có thể mở rộng nút gốc và xem các nút con trong danh sách.

Hình ảnhBox Kiểm soát

Điều khiển này được sử dụng để thêm hình ảnh vào Winforms C#. Hãy xem cách chúng ta có thể triển khai điều này bằng ví dụ bên dưới.

Bước 1) Bước đầu tiên là kéo Hình ảnhBox điều khiển trên C# Windows Biểu mẫu từ hộp công cụ như hình dưới đây

Bước 2) Bước tiếp theo là thực sự đính kèm một hình ảnh vào hộp điều khiển hình ảnh. Bạn có thể thực hiện việc này bằng cách làm theo các bước dưới đây.

1. Đầu tiên các bạn click vào thuộc tính Image cho PictureBox điều khiển. Một cửa sổ mới sẽ bật ra.
2. Trong cửa sổ này, nhấp vào nút Nhập. Nút này sẽ được sử dụng để đính kèm hình ảnh vào điều khiển hộp hình ảnh.
3. Một hộp thoại sẽ bật lên trong đó bạn có thể chọn hình ảnh để đính kèm vào hộp hình ảnh
4. Bấm vào nút OK

Khi bạn thực hiện những thay đổi trên, bạn sẽ thấy kết quả sau

Đầu ra: -

Từ kết quả đầu ra, bạn có thể thấy một hình ảnh được hiển thị trên biểu mẫu.

Tổng kết

• A Windows form trong ứng dụng C# là một ứng dụng chạy trên màn hình nền của máy tính. Visual Studio Form cùng với C# có thể được sử dụng để tạo Windows Ứng dụng biểu mẫu.
• Các điều khiển có thể được thêm vào Windows Forms C# thông qua Toolbox trong Visual Studio. Các điều khiển như nhãn, hộp kiểm, nút radio, v.v. có thể được thêm vào form thông qua toolbox.
• Người ta cũng có thể sử dụng các điều khiển nâng cao như điều khiển chế độ xem dạng cây và PictureBox kiểm soát.
• Trình xử lý sự kiện được sử dụng để phản hồi các sự kiện được tạo từ các điều khiển. Cái phổ biến nhất là cái được thêm vào cho sự kiện nhấn nút.