LẬP TRÌNH GIAO DIỆN WINFORM doc
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.1 MB, 41 trang )
CNPM
Khoa CNTT
Ậ Ì Ệ
L
Ậ
P TR
Ì
NH GIAO DI
Ệ
N
WINFORM
VB.NET - 1
Phạm Hoàng Hải
CNPM
Khoa CNTT
1. NỘI DUNG
Lập trình giao diện GUI
Lập trình Winform – Visual
Studio
Cấu trúc ứng dụng Winform
Dl &E
D
e
l
egate
&
E
vent
Lập trình xử lý sự kiện
Hỏi đá
Hỏi
đá
p
VB.NET - 2
Phạm Hoàng Hải
CNPM
Khoa CNTT
2. LẬP TRÌNH GIAO DIỆN GUI
CÁC LOẠI GIAO DIỆN XỬ LÝ
Command Line
Đặctrưng
Nhậpxuấttuầntự - Keyboard
(Line
by
Line)
(Line
–
by
–
Line)
MS-DOS(Win 95/98/Me)
Command Prom
p
t
(
Win2k
,
NT
,
XP
)
VB.NET - 3
Phạm Hoàng Hải
p( , , )
CNPM
Khoa CNTT
2. LẬP TRÌNH GIAO DIỆN GUI
CÁC LOẠI GIAO DIỆN XỬ LÝ
Text User Interface
Đặctrưng
Tương tác nhậpxuấtdễ dàng
(Mouse
Keyboard)
(Mouse
–
Keyboard)
Mọithứ trên màn hình là Text
Tiền đề củal
ập
trình vớiGUI
VB.NET - 4
Phạm Hoàng Hải
ập
CNPM
Khoa CNTT
2. LẬP TRÌNH GIAO DIỆN GUI
CÁC LOẠI GIAO DIỆN XỬ LÝ
Graphic User Interface
Đặctrưng
Giao diện đồ họavới độ phân
giải
cao
giải
cao
Cho phép User tương tác dễ
dàng
VB.NET - 5
Phạm Hoàng Hải
Input/ Output đadạng
CNPM
Khoa CNTT
2. LẬP TRÌNH GIAO DIỆN GUI
GUI APPLICATION
Hầu hết các HĐH (Windows,
MAC, Linux,…)đều sử dụng GUI
Graphic: Winform, Textbox,
Menu, Button, Checkbox….
User: N
g
ười sử d
ụ
n
g
g ụ g
Interface: Cách thức tương tác
với chương trình
VB.NET - 6
Phạm Hoàng Hải
CNPM
Khoa CNTT
2. LẬP TRÌNH GIAO DIỆN GUI
GUI APPLICATION
Winform là nềntảng cho phát
triển ứng dụng trên Windows &
Mobile
Mobile
Single Document Interface
Multiple Document Interface
VB.NET - 7
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
VS.NET 2003/2005/2008/2010
Là IDE của Microsoft
Hỗ trợ nhiều ngôn ngữ .Net (C#,
C++, VB.Net, Java…)
Dễ dàng tạo ứng dụng Winform
Dễ
dàng
tạo
ứng
dụng
Winform
Hỗ trợ WYSIWYG cho thiết kế
giao diện GUI
VB.NET - 8
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
VS.NET 2003/2005/2008/2010
Là IDE của Microsoft
Hỗ trợ nhiều ngôn ngữ .Net (C#,
C++, VB.Net, Java…)
Dễ dàng tạo ứng dụng Winform
Dễ
dàng
tạo
ứng
dụng
Winform
Hỗ trợ WYSIWYG cho thiết kế
giao diện GUI
VB.NET - 9
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
C# được phát triển bởi nhóm
Anders Hejlsberg & Scott
Wiltamuth
Wiltamuth
Dựa trên cơ sở C, C++, Java
Đặctrưng
Đặc
trưng
Hướng đối tượng
L
ập
trình tr
ự
c
q
uan
ập ự q
Hoạt động theo cơ chế sự kiện
VB.NET - 10
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Tạo Project Winform C#
File New Project
VB.NET - 11
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Winform
Toolbar
Menu
Solution Explorer
1
2
3
4
5
6
Winform
VB.NET - 12
Phạm Hoàng Hải
Toolbox Properties
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Menu
Chức năng phát triển và thực thi
chương trình
chương
trình
Menu Description
File Contains commands for opening projects, closing
projects, printing projects, etc.
Edit Contains commands such as cut, paste, find, undo, etc.
View Contains commands for displaying IDE windows and
toolbars.
Project Contains commands for adding features, such as forms,
to
the
project
to
the
project
.
Build Contains commands for compiling a program.
Debug Contains commands for debugging and executing a
program.
Data
Contains
commands
for
interacting
with
databases
.
Data
Contains
commands
for
interacting
with
databases
.
Tools Contains commands for additional IDE tools a nd options
for customizing the environment.
Windows Contains commands for arranging and displaying
windows.
VB.NET - 13
Phạm Hoàng Hải
Help Contains commands for getting help.
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Toolbar
Các chức năng thông dụng
Hệ thống Icon để sử dụng các chức
năng thông dụng trong Menu
VB.NET - 14
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
The Solution Explorer
Hiện thị danh sách Project & Fils
Cấu hình Project
Refresh View Code View Design View Class DiagramShow All File
VB.NET - 15
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Toolbox
Hỗ trợ kéo thả Control vào Form
Code phát sinh tự động
VB.NET - 16
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
GUI - Winform
Giao diện thiết kế Form
WYSIWYG
WYSIWYG
VB.NET - 17
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Properties
Thay đổi thuộc tinh của Control
êidiệ hhiế Cd
tr
ê
n g
i
ao
diệ
n t
h
ay c
h
o v
iế
t
C
o
d
e
Tạo và phát sinh Event cho form
VB.NET - 18
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Properties
Thay đổi thuộc tinh của Control
êidiệ hhiế Cd
tr
ê
n g
i
ao
diệ
n t
h
ay c
h
o v
iế
t
C
o
d
e
Tạo và phát sinh Event cho form
VB.NET - 19
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Properties
Thay đổi các giá trị qua cửasổ
Thay
đổi
các
giá
trị
qua
cửa
sổ
properties → VS tự cập nhật
code
VB.NET - 20
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Code View
1
Form
1
. cs
VB.NET - 21
Phạm Hoàng Hải
CNPM
Khoa CNTT
4. CẤU TRÚC ỨNG DỤNG
WINFORM
Cấu trúc chung ứng dụng
Winform
Các reference & properties
của Project
Cấu trúc chung cho
một form
Lớp Program, chứ hàm Main
chính của chương trình
VB.NET - 22
Phạm Hoàng Hải
CNPM
Khoa CNTT
3. LẬP TRÌNH WINFORM
VISUAL STUDIO .NET
Code View
1
Form
1
. cs
VB.NET - 23
Phạm Hoàng Hải
CNPM
Khoa CNTT
4. CẤU TRÚC ỨNG DỤNG
WINFORM
Code View
Form1.Designer.cs
Chứacodekhởitạo
control
Khai báo các đốitượng
control trên Form1
VB.NET - 24
Phạm Hoàng Hải
CNPM
Khoa CNTT
4. CẤU TRÚC ỨNG DỤNG
WINFORM
Code View
InitializeComponent
InitializeComponent
Tạo đối tượng
Lần lượt khai báo
các thuộc tính cho
các control
VB.NET - 25
Phạm Hoàng Hải
