Traffic Count

Lập trình windows form với controls cơ bản

I. MỤC TIÊU

- Sử dụng Visual Studio .NET 2022, tạo ứng dụng dạng Windows Forms App (.NET Framework), ngôn ngữ C# . 

- Làm quen với việc sử dụng các control thông dụng trên Forms như:

  • Label: Hiển thị các thông tin chỉ dẫn 
  •  TextBox: Hộp nhập liệu thông tin 
  •  Button: Cho phép user click chọn để thực hiện chức năng 
  •  CheckBox: Cho phép user chọn một hoặc nhiều option
  • Radio button: Cho phép user chọn duy nhất một option 
  •  MessageBox: Hiển thị thông tin đến user
  • DataGridView: Hiển thị danh sách thông tin trên bảng
  •  ListView: Hiển thị một danh sách các item với các biểu tượng 
  •  ComboBox: Hộp chọn 1 giá trị trong danh sách giá trị 
  •  ListBox: Danh sách các mục chọn, cho phép chọn 1 hoặc nhiều mục 
  •  GroupBox: Nhóm các đối tượng về cùng nhóm 
  •  Panel: Nhóm các đối tượng vào cùng 1 khung

- Tìm hiểu các thuộc tính trên control (Visible, Enable, Name, Text …) và các phương thức là Event (Click, Text_Change, Text_Press...). 

- Binding dữ liệu vào controls (Combobox, DatagridView, ListView)

II. HƯỚNG DẪN LÀM QUEN VỚI WINDOWS FORM

✓ Tạo Project Application, Giao diện màn hình thiết kế form

  • Từ màn hình khởi động Microsoft Studio chọn Menu File - New – Project 
  •  Language : Visual C# 
  •  Loại ứng dụng: Windows Forms Application (.NET Framework) 
  •  Name: Tên Project – ví dụ Lab02

Location: Đường dẫn lưu Project

Kết quả màn hình VS.NET cho ứng dụng Windows Form bao gồm các phần cơ bản 

- (1): Toolbox: Chứa các control cho phép kéo thả vào Form

(2): Chứa thiết kế giao diện Form, có thể chuyển sang View Code… 

(3): Cửa sổ Solution Explorer: Cho phép người lập trình có thể quản lý các thành phần trong project, hỗ trợ định vị nhanh chóng đến các file mã nguồn.

(4): Cửa sổ property: cho phép user có thể custom lại các thành phần control trên form như:

- Thiết lập các thuộc tính (Property): Trong cửa sổ "Properties" (Thuộc tính), sẽ thấy danh sách các thuộc tính của điều khiển được chọn. 1 số thuộc tính thường hay gặp như:

 + Text: Thuộc tính này cho phép thiết lập hoặc lấy văn bản hiển thị trên một Control. Ví dụ khi chọn Text của 1 Button là “Click me” tương đương ở code button1.Text = "Click me";

 + Name: Đặt tên cho một Control. Nó được sử dụng để tham chiếu đến Control 

 + BackColor: Thiết lập màu nền cho một Control. 

 + ForeColor: Thiết lập màu chữ cho một Control. 

 + Enabled: Bật hoặc Tắt một Control. Khi Enabled là False, điều khiển sẽ bị vô hiệu hóa và không thể tương tác được. 

 + Visible: Ẩn hoặc hiển thị một điều khiển. Khi Visible là False, điều khiển sẽ được ẩn đi và không được hiển thị trên giao diện. 

 + Size: Thiết lập kích thước của một điều khiển. 

 + Location: Thiết lập vị trí của một điều khiển trên giao diện o Khai báo đăng ký xử lý sự kiện: Các điều khiển (controls) có thể kích hoạt các sự kiện (events) khi tương tác xảy ra, chẳng hạn như khi người dùng nhấp chuột, nhập liệu hoặc thay đổi trạng thái của điều khiển. 1 số event phổ biến 

 + Click: Sự kiện Click xảy ra khi người dùng nhấp chuột vào một điều khiển, chẳng hạn như Button.

 Ví dụ: button1.Click += new EventHandler(button1_Click);

 + TextChanged: Khi thay đổi giá trị Text

 + SelectedIndexChanged: Khi mục được chọn thay đổi

 + CheckedChanged: Khi trạng thái được kiểm tra (checked) của Control ( như CheckBox hoặc RadioButton thay đổi).

 + MouseClick: Nhấp chuột lên một điều khiển.

 + KeyPress: Nhấn một phím trong khi một Control (như TextBox) đang có trạng thái nhận nhập liệu.

 + FormClosing: Khi người dùng đóng một Form hoặc ứng dụng.

- Chú ý cửa sổ Toolbox chứa các công cụ để thiết kế: Nếu không thấy cửa sổ này, ta chọn menu View / Toolbox. BÀI 2: LẬP TRÌNH WINDOWS FORM VỚI CONTROLS CƠ BẢN 17

- Đổi tên form: Click lên Form1 ở cửa sổ Design, quan sát trên cửa sổ Properties, ta thấy có thuộc tính Text, giá trị mặc định là Form1, ta đổi thành Lab02-01

Thay đổi Property Text của Form

Chạy thử chương trình F5

Kéo thả các control từ Toolbox vào Forms: (chương trình tính toán + - * / )

Thiết kế lại Form như hình dưới đây

Đặt tên các Controls (thuộc tính Name trong Property) để dễ dàng quản lý. Đặt tên như sau:

- Các Label ở trong form có tên: lblNumber1, lblNumber2, lblAnswer 

 - Các TextBox ở trong form có tên: txtNumber1, txtNumber2, txtAnswer 

 - Các Button ở trong form có tên: btnAdd, btnSub, btnMul, btnDiv

Xử lý sự kiện trên Control: Vào Property chọn biểu tượng Events

✓ Chọn tên Event cần xử lý và double click vào đó.

Đối với các button để chọn nhanh sự kiện click ta có thể double click trực tiếp vào button đó. 

 Double click vào Button btnAdd để tiến hành viết code cho sự kiện Mouse click. 

 VS .NET tự động sinh ra phương thức btnAdd_Click. Sau đó tiến hành viết code tính tổng 2 số vừa nhập liệu

Thầy Dương Quang Duy – Giảng viên Khoa Công nghệ thông tin – Điện tử