1
W indow s Form
ThS. Nguyễn Hà Giang
Khoa CNTT -Hutech
Nguyen Ha Giang -2009
2
N i Dung
n Graphical User Interface (GUI)
n Event Driven Programming
n Ứng dụng Windows Form dùng C#
n Khuôn mẫu của ứng dụng Windows Form chuẩn
n Cách tạo ứng dụng Windows Form trong VS 2005
q Tạo ứng dụng Form
q Chỉnh sửa form
q Thêm component vào form
q Viết phần xử lý cơ bản
Nguyen Ha Giang -2009
3
GUI
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
Nguyen Ha Giang -2009
4
GUI
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
Nguyen Ha Giang -2009
5
GUIs
n Chương trình hiện đại đều dùng GUI
n Graphical: text, window, menu, button…
n User: người sử dụng chương trình
n Interface: cách tương tác chương trình
n Thành phần đồ họa điển hình
q Window: một vùng bên trong màn hình chính
q Menu: liệt kê những chức năng
q Button: nút lệnh cho phép click vào
q TextBox: cho phép user nhập dữ liệu text
Nguyen Ha Giang -2009
6
GUI Application
n Windows Form là nền tảng GUI cho ứng dụng desktop
q (Ngược với Web Form ứng dụng cho Web)
q Single Document Interface (SDI)
q Multiple Document Interface (MDI)
n Các namespace chứa các lớp hỗ trợ GUI trong .NET
q
System.Windows.Forms:
n Chứa GUI components/controls và form
q System.Drawing:
n Chức năng liên quan đến tô vẽ cho thành phần GUI

n Cung cấp chức năng truy cập đến GDI+ cơ bản
Nguyen Ha Giang -2009
7
Event-Driven Programming
Danh sách các lệnh thực thi
tuần tự
Việc kế tiếp xảy ra chính là lệnh
tiếp theo trong danh sách
Chương trình được thực thi bởi
máy tính
Các đối tượng có thể kích hoạt sự
kiện và các đối tượng khác phản
ứng với những sự kiện đó
Việc kế tiếp xảy ra phụ thuộc vào
sự kiện kế tiếp
Luồng chương trình được điều
kiển bở sự tương tác User-
Computer
Sequential programming
Event-Driven Programming
Nguyen Ha Giang -2009
8
Nguyen Ha Giang -2009
9
Event-Driven Programming
n Chương trình GUI thường dùng Event-Drive Programming
n Chương trình chờ cho event xuất hiện và xử lý
n Ví dụ sự kiện:
n Firing an event: khi đối tượng khởi tạo sự kiện
n Listener: đối tượng chờ cho sự kiện xuất hiện

n Event handler: phương thức phản ứng lại sự kiện
Nguyen Ha Giang -2009
10
Event-Driven Programming
n Trong C#, Event-Driven Programming được thực thi bởi
event (xem slide Delegate & Event)
n
A
B
C
Event E
publish
subscribe
A phát sinh event E Delegate cho E
Handler B cho E
Handler C cho E
Nguyen Ha Giang -2009
11
Event-Driven Programming
n Minh họa xử lý trong form
Click
User nhập text
vào texbox →
click Button để
add chuỗi nhập
vào listbox
Lấy dữ liệu từ
textbox
Add vào listbox
invoke

Button đưa ra sự kiện click
Form có event handler cho click của button
Nguyen Ha Giang -2009
12
Event-Driven Programming
n GUI-based events
q Mouse move
q Mouse click
q Mouse double-click
q Key press
q Button click
q Menu selection
q Change in focus
q Window activation
q …
Event
Danh sách
event cho
Form
Danh sách
event cho
Form
Nguyen Ha Giang -2009
13
Windows Forms Application
Nguyen Ha Giang -2009
14
Windows Form App
n Sử dụng GUI làm nền tảng
n Event-driven programming cho các đối tượng trên form

n Ứng dụng dựa trên một “form” chứa các thành phần
q Menu
q Toolbar
q StatusBar
q TextBox, Label, Button…
n Lớp cơ sở cho các form của ứng dụng là Form
System.Windows.Forms. Form
Namespace
Class
Nguyen Ha Giang -2009
15
Minh h a WinForm App
Nguyen Ha Giang -2009
16
GUI Components/Controls
n Components/controls được tổ chức vào các lớp thừa kế,
cho phép dễ dàng chia sẻ các thuộc tính
n Mỗi component/control định nghĩa các
q
Property (có thể thay đổi trong màn hình thiết kế)
q Method
q Event
n Cách dễ nhất là sử dụng VS .NET Toolbox để thêm
control và component vào form (in design view)
n Sử dụng code để thêm các control/component vào form
(in code view)
Nguyen Ha Giang -2009
17
Components and Controls cho Windows Form
Toolbox của Visual Studio .NET 2005

Nguyen Ha Giang -2009
18
UD WinForm n gi n
Lớp Form cơ sở
Control kiểu Label
Chạy ứng dụng với
Form1 làm form chính
Thiết kế form & control
Add control vào form
Form1.cs
Nguyen Ha Giang -2009
19
Các b c t o UD WinForm c b n
n Tạo lớp kế thừa từ lớp Form cơ sở
n Bổ sung các control vào form
q Thêm các label, menu, button, textbox…
n Thiết kế layout cho form (bố trí control)
q Hiệu chỉnh kích thước, trình bày, giao diện cho
n form
n Control chứa trong form
n Viết các xử lý cho các control trên form và các xử lý khác
n Hiển thị Form
q Thông qua lớp Application gọi phương thức Run
Nên sử dụng IDE hỗ trợ thiết kế GUI!
Nguyen Ha Giang -2009
20
Form và control
n Tất cả các thành phần trên form đều là đối tượng
n Các control là những lớp của FCL
q System.Windows.Forms.Label

q System.Windows.Forms.TextBox
q System.Windows.Forms.Button
q …
n Các control là instance của các
lớp trên.
object
object
object
object
object
object
Nguyen Ha Giang -2009
21
Các thu c tính c a Form
Property Description Default
Name Tên của form sử dụng trong project Form1,Form2…
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 True
FormBorderStyle Biên của form: none, single, 3D, sizable Sizable
StartPosition Xác định vị trí xuất hiện của form trên màn hình WindowsDefaultLocation
Text Nội dung hiển thị trên title bar Form1, Form2, Form3
Font Font cho form và mặc định cho các control
Method Description
Close Đóng form và free resource
Hide ẩn form
Show Hiển thị form đang ẩn
Event Description
Load Xuất hiện trước khi form show
Nguyen Ha Giang -2009

22
Minh họa tạo ứng dụng
Windows Form từ Visual
Studio .NET
Nguyen Ha Giang -2009
23
T o WinForm App t VS. 2005
Hỗ trợ WYSIWYG cho GUI designCơ chế xử lý sự kiện code behind
Nhanh chóng & dễ dàng tạo UD Windows Form
Nguyen Ha Giang -2009
24
T o WinForm App t VS. 2005 (2)
Tạo project: Windows App
Nguyen Ha Giang -2009
25
T o WinForm App t VS. 2005 (3)
Windows App do
VS.2005 khởi tạo
1
2
3
4
1: form ứng dụng
2: control toolbox
3: Solution Explorer
4: Form properties