Bài giảng Lập trình trên môi trường Window: Chương 1 - ThS. Dương Thành Phết

Bài giảng Lập trình trên môi trường Window - Chương 1: Tổng quan về lập trình Window cung cấp cho người học các kiến thức: Tổng quan lập trình Windows form, tạo ứng dụng Windows Form. Mời các bạn cùng tham khảo nội dung chi tiết.

1 Tổng quan lập trình Windows Form

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

Tương tác qua giao

diện đồ họa độ phân

 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

 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

1.3 Ứng dụng Windows Form - WF

 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:

2 TẠO ỨNG DỤNG WINDOWS FORM

Windows Application do VS.Net khởi tạo

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

sự thao tác thiết kế form của user

diện form

2.2 Thiết kế control

-Kéo thả control lên form

Code được phát sinh tự động

 Toolbox

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

 Thêm control vào form

Kéo thả control vào Form

 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

Tạo đối tượng

Lần lượt khai báo các thuộc tính cho các control

InitializeComponent

Đưa các control vào danh sách control của Form1

2 TẠO ỨNG DỤNG WINDOWS FORM

 Đ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.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

Lấy giá trị của 2 textbox, cộng kết quả và xuất ra MeesageBox

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!

 Kéo thả ErrorProvider vào design view

 Xử lý sự kiện TextChanged của textBox

Phần kiểm tra

2 TẠO ỨNG DỤNG WINDOWS FORM

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

Method Description Close Đóng form và free resource

Show Hiển thị form đang ẩn

 Các Phương thức thường dùng

 Trong cửa sổ properties, chọn biểu tượng event

 Double click vào tên event

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

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