Bài giảng Lập trình trên môi trường Windows - Chương 1: Tổng quan về lập trình Windows - Dương Thành Phết

Chương 1: 
TỔNG QUAN VỀ LẬP TRÌNH WINDOWS 
1 
 Giảng Viên: ThS. Dương Thành Phết 
 Email: phetcm@gmail.com 
 Facebook: DuongThanhPhet 
 Website:  
 Tel: 0918158670 
LẬP TRÌNH TRÊN MÔI TRƯỜNG WINDOWS 
KHOA CÔNG NGHỆ THÔNG TIN 
NỘI DUNG 
2 
1. Tổng quan lập trình Windows Form 
2. Tạo ứng dụng Windows Form 
 Tạo project 
 Thiết kế control 
 Xử lý sự kiện 
 Kiểm tra dữ liệu nhập (ErrorProviders) 
3 
1.TỔNG QUAN LẬP TRÌNH WINDOWS FORM 
Command line interface: CLI Text user interface: TUI 
Tương tác qua keyboard 
Thực thi tuần tự 
GUI dựa trên text 
Mức độ tương tác cao hơn 
1.1. Các hình thức lập trình 
4 
Tương tác qua giao 
diện đồ họa độ phân 
giải cao 
Graphical User Interface: GUI 
Đa số các hệ OS hiện 
đại đều dùng GUI 
Cho phép user dễ 
dàng thao tác 
1.TỔNG QUAN LẬP TRÌNH WINDOWS FORM 
5 
 Chương trình hiện đại đều dùng GUI 
 Graphical: Text, Window, Menu, Button 
 User: Người sử dụng chương trình 
 Interface: Cách tương tác chương trình 
 Thành phần đồ họa điển hình 
 Window: Một vùng bên trong màn hình chính 
 Menu: Liệt kê những chức năng 
 Button: Nút lệnh cho phép click vào 
 TextBox: Cho phép user nhập dữ liệu text 
 ... 
1.2. Graphical User Interface: GUI 
1.TỔNG QUAN LẬP TRÌNH WINDOWS FORM 
6 
1.TỔNG QUAN LẬP TRÌNH GUI (Graphical User Interface) 
 WF là nền tảng GUI cho ứng dụng desktop 
 (Ngược với Web Form ứng dụng cho Web) 
 Single Document Interface (SDI) 
 Multiple Document Interface (MDI) 
 Các namespace chứa các lớp hỗ trợ GUI trong .NET 
 System.Windows.Forms: 
 Chứa GUI components/controls và Form 
 System.Drawing: Chức năng liên quan đến tô vẽ cho 
thành phần GUI. 
1.3. Ứng dụng Windows Form - WF 
7 
 WF sử dụng GUI làm nền tảng 
 Event-driven programming (lập trình hướng sự kiện) 
cho các đối tượng trên form 
 WINDOWS FORM chứa các control 
 Menu 
 Toolbar 
 StatusBar 
 TextBox, Label, Button 
 Mỗi control bao gồm: 
 Thuộc tính 
 Phương thức 
 Sự kiện 
1.TỔNG QUAN LẬP TRÌNH GUI (Graphical User Interface) 
8 
2. TẠO ỨNG DỤNG WINDOWS FORM 
Hỗ trợ WYSISYG cho 
GUI design 
Cơ chế xử lý sự kiện 
code behind 
Nhanh chóng & dễ dàng tạo ứng 
dụng Windows Form 
9 
2. TẠO ỨNG DỤNG WINDOWS FORM 
2.1. Tạo project 
 Khởi động VS 
 Menu File/New/Project 
 Windows Form Applicaton 
 Đặt tên Project 
 Chọn thư mục lưu 
10 
2. TẠO ỨNG DỤNG WINDOWS FORM 
Windows Application do VS.Net khởi tạo 
1 2 
3 
4 
1: Form ứng dụng 
2: Control toolbox 
3: Solution Explorer 
4: Form properties 
11 
2. TẠO ỨNG DỤNG WINDOWS FORM 
Màn hình thiết kế Form, cho phép người lập trình 
kéo thả những control vào trong form 
 Tất cả những code được tạo tự động dựa trên 
sự thao tác thiết kế form của user 
 Rút ngắn nhiều thời gian cho việc thao tác giao 
diện form 
 Tính năng trực quan WYSIWYG 
12 
2.2. Thiết kế control 
-Kéo thả control lên form 
 Code được phát sinh tự 
động 
3. TẠO ỨNG DỤNG WINDOWS FORM 
 Toolbox 
13 
2. TẠO ỨNG DỤNG WINDOWS FORM 
Dễ dàng hiệu chỉnh 
thuộc tính thông qua 
cửa sổ Properties 
 Cửa sổ properties 
14 
 Thêm control vào form 
Kéo thả control vào Form 
2. TẠO ỨNG DỤNG WINDOWS FORM 
15 
 Phần code thiết kế Form được tạo tự động 
Khai báo các đối tượng 
control trên Form1 
Chứa code khởi tạo 
control 
Form1.Designer.cs 
2. TẠO ỨNG DỤNG WINDOWS FORM 
16 
Tạo đối tượng 
Lần lượt khai báo 
các thuộc tính cho 
các control 
InitializeComponent 
2. TẠO ỨNG DỤNG WINDOWS FORM 
17 
Đưa các control vào danh 
sách control của Form1 
2. TẠO ỨNG DỤNG WINDOWS FORM 
18 
 Điều chỉnh thuộc tính của control 
Đổi tên thành 
txtNum1 
Thay đổi các giá trị qua cửa 
sổ properties -> VS tự cập 
nhật code 
2. TẠO ỨNG DỤNG WINDOWS FORM 
19 
2.3. Xử lý sự kiện 
- Khi click vào Add -> cộng 2 giá trị và xuất kết quả 
- Thực hiện:Double click vào button Add trên màn hình thiết kế 
2. TẠO ỨNG DỤNG WINDOWS FORM 
DClick 
Cửa sổ quản lý 
event của BtnAdd 
event 
20 
Lấy giá trị của 2 textbox, cộng kết quả và xuất ra MeesageBox 
2. TẠO ỨNG DỤNG WINDOWS FORM 
21 
2.4. Kiểm tra dữ liệu nhập 
- Nếu nhập vào chuỗi thì chương trình trên sẽ lỗi! 
- Khắc phục: 
 Cảnh báo nhập không đúng dạng 
 Xóa những ký tự không hợp lệ đó 
- Thực hiện: 
 Tạo control ErrorProvider vào Form từ ToolBox 
 Xử lý sự kiện TextChanged cho textbox 
 Nếu nhập sai thiết lập lỗi cho control ErrorProvider 
cảnh báo! 
2. TẠO ỨNG DỤNG WINDOWS FORM 
22 
 Kéo thả ErrorProvider vào design view 
2. TẠO ỨNG DỤNG WINDOWS FORM 
23 
 Xử lý sự kiện TextChanged của textBox 
Phần kiểm tra 
2. TẠO ỨNG DỤNG WINDOWS FORM 
24 
 ErrorProvider cảnh báo 
Icon hiển thị lỗi 
Di chuyển chuột vào 
icon, tooltip xuất hiện 
2. TẠO ỨNG DỤNG WINDOWS FORM 
25 
2.5. Thuộc tính, Phương thức và Sự kiện của Form 
Property Description 
Name Tên của form sử dụng trong project 
AcceptButton Thiết lập button là click khi user nhấn Enter 
CancelButton Thiết lập button là click khi user nhấn Esc 
ControlBox Hiển thị control box trong caption bar 
FormBorderStyle Biên của form: none, single, 3D, sizable 
StartPosition Xác định vị trí xuất hiện của form trên màn hình 
Text Nội dung hiển thị trên title bar 
Font Font cho form và mặc định cho các control 
2. TẠO ỨNG DỤNG WINDOWS FORM 
 Các Thuộc tính thường dùng 
26 
Method Description 
Close Đóng form và free resource 
Hide ẩn form 
Show Hiển thị form đang ẩn 
2. TẠO ỨNG DỤNG WINDOWS FORM 
 Các Phương thức thường dùng 
27 
 Trong cửa sổ properties, chọn biểu tượng event 
 Double click vào tên event 
Tên event 
Trình xử lý 
2. TẠO ỨNG DỤNG WINDOWS FORM 
 Các Sự kiện thường dùng 
Event Description 
Load Xuất hiện trước khi form show 
Closing: Xuất hiện khi form đang chuẩn bị đóng 
Closed Xuất hiện khi form đã đóng 
Click Xuất hiện khi user click lên nền form 
28 
Ví dụ: Xuất thông báo hỏi xác nhận trước khi đóng ứng dụng. 
 Double click vào item FormClosing trong cửa sổ event 
 Hàm Form1_FormClosing được tạo và gắn với sự kiện 
FormClosing 
 Viết code cho event handler Form1_FormClosing 
2. TẠO ỨNG DỤNG WINDOWS FORM 
29