1
Common Dialog &
Common Dialog &
User Control
User Control
Nguyễn Văn Phong
Nguyễn Văn Phong - 2010
2
Nội Dung
Nội Dung
Giới thiệu Common Dialog
Giới thiệu Common Dialog
OpenFileDialog
OpenFileDialog
SaveFileDialog
SaveFileDialog
FontDialog
FontDialog
ColorDialog
ColorDialog
MessageBox
MessageBox
User Control
User Control
Nguyễn Văn Phong - 2010
3
Common Dialog
Common Dialog
Các dialog thường được sử dụng
Được warp thành các lớp trong FCL/BCL
Được warp thành các lớp trong FCL/BCL
Common
Common
Dialog
Dialog
OpenFileDialog
OpenFileDialog
SaveFileDialog
SaveFileDialog
ColorDialog
ColorDialog
FontDialog
FontDialog
PrintDialog
PrintDialog
Nguyễn Văn Phong - 2010
4
Common Dialog
Common Dialog
Cách sử dụng
1. Kéo thả dialog vào form
1. Kéo thả dialog vào form
VS sẽ tạo thể hiện chứa trong lớp form
2. Khai báo đối tượng và tạo thể hiện của lớp CD
2. Khai báo đối tượng và tạo thể hiện của lớp CD
VD: OpenFileDialog oFile = new OpenFileDialog();
Common Dialog
Common Dialog
Nguyễn Văn Phong - 2010
5
Nội Dung
Nội Dung
Giới thiệu Common Dialog
Giới thiệu Common Dialog
OpenFileDialog
OpenFileDialog
SaveFileDialog
SaveFileDialog
FontDialog
FontDialog
ColorDialog
ColorDialog
MessageBox
MessageBox
User Control
User Control
Nguyễn Văn Phong - 2010
6
OpenFileDialog
OpenFileDialog
Sử dụng để chọn file lưu trên đĩa
Cách sử dụng từ ToolBox
Code phát
Code phát
sinh tự động
sinh tự động
Drag & drop
Drag & drop
xyz.Designer.cs
xyz.Designer.cs
Nguyễn Văn Phong - 2010
7
OpenFileDialog
OpenFileDialog
Code phát sinh của VS
xyz.Designer.cs
xyz.Designer.cs
Tạo thể hiện
Tạo thể hiện
o
p
e
n
F
i
l
e
D
i
a
l
o
g
1
.
S
h
o
w
D
i
a
l
o
g
(
)
;
o
p
e
n
F
i
l
e
D
i
a
l
o
g
1
.
S
h
o
w
D
i
a
l
o
g
(
)
;
Hiển thị Form
Hiển thị Form
Nguyễn Văn Phong - 2010
8
OpenFileDialog
OpenFileDialog
Code tự viết – không dùng Toolbox
Nguyễn Văn Phong - 2010
9
OpenFileDialog
OpenFileDialog
Thuộc tính, phương thức
Thuộc tính, phương thức
Thuộc tính
Thuộc tính
FileName Lấy tên file được chọn
FileNames Lấy tên tất cả các file được chọn
Filter Xác định kiểu file cần mở
InitialDirectory Thư mục khởi tạo
Multiselect Cho phép chọn nhiều file
Title Tiêu đề của dialog
Phương thức
Phương thức
ShowDialog Hiển thị dialog
Sự kiện
Sự kiện
FileOk Xuất hiện khi user kích vào OK
Nguyễn Văn Phong - 2010
10
Nội Dung
Nội Dung
Giới thiệu Common Dialog
Giới thiệu Common Dialog
OpenFileDialog
OpenFileDialog
SaveFileDialog
SaveFileDialog
FontDialog
FontDialog
ColorDialog
ColorDialog
MessageBox
MessageBox
User Control
User Control
Nguyễn Văn Phong - 2010
11
SaveFileDialog
SaveFileDialog
Sử dụng để tạo file trên đĩa.
Cách sử dụng
Sử dụng SaveFileDialog component trên Toolbox
Sử dụng SaveFileDialog component trên Toolbox
Tương tự như OpenFileDialog!
Tạo thể hiện của lớp SaveFileDialog
Tạo thể hiện của lớp SaveFileDialog
Nguyễn Văn Phong - 2010
12
SaveFileDialog
SaveFileDialog
Demo: nhập văn bản vào textbox, sau đó lưu
xuống file *.txt.
Tạo ứng dụng dụng Windows Form có các control
Tạo ứng dụng dụng Windows Form có các control
1 label: caption của textbox
1 textbox: chứa nội dung text do user nhập
1 button: gọi SaveFileDialog và lưu file
1 SaveFileDialog: khai báo dialog SaveFile.
Nguyễn Văn Phong - 2010
13
SaveFileDialog
SaveFileDialog
Thiết kế form
Drag & drop
Drag & drop
Multiline=true
Multiline=true
Nguyễn Văn Phong - 2010
14
SaveFileDialog
SaveFileDialog
Viết phần xử lý cho button “Lưu file”
System.I
System.I
O
O
Nguyễn Văn Phong - 2010
15
SaveFileDialog
SaveFileDialog
Nguyễn Văn Phong - 2010
16
SaveFileDialog
SaveFileDialog
Mở rộng bổ sung phần đọc file text từ demo trên
Open file *.txt và hiển thị nội dung của file trên
Open file *.txt và hiển thị nội dung của file trên
TextBox.
TextBox.
Bổ sung thêm button “Mở file” và kéo thành
phần OpenFileDialog thả vào form
Drag & drop
Drag & drop
Nguyễn Văn Phong - 2010
17
SaveFileDialog
SaveFileDialog
Viết phần xử lý button “Mở file”
Nguyễn Văn Phong - 2010
18
SaveFileDialog
SaveFileDialog
Demo
Hiển thị nội
Hiển thị nội
dung file
dung file
Nguyễn Văn Phong - 2010
19
Nội Dung
Nội Dung
Giới thiệu Common Dialog
Giới thiệu Common Dialog
OpenFileDialog
OpenFileDialog
SaveFileDialog
SaveFileDialog
FontDialog
FontDialog
ColorDialog
ColorDialog
MessageBox
MessageBox
User Control
User Control
Nguyễn Văn Phong - 2010
20
FontDialog
FontDialog
Chức năng hiển thị hộp thoại chọn font chữ
được install trong máy
Trong ứng dụng làm việc với document, đồ họa…
Trong ứng dụng làm việc với document, đồ họa…
Sử dụng FontDialog
Từ ToolBox kéo thả FontDialog vào Form
Từ ToolBox kéo thả FontDialog vào Form
Sử dụng trong lúc thiết kế
Khai báo thể hiện FontDialog và hiển thị
Khai báo thể hiện FontDialog và hiển thị
Viết code
Nguyễn Văn Phong - 2010
21
FontDialog
FontDialog
Thuộc tính, phương thức thường dùng
Thuộc tính, phương thức thường dùng
Thuộc tính
Thuộc tính
Font Get/set font được chọn
Color Get/set màu của font
ShowColor Hiển thị hay không hiển thị chọn
màu
ShowApply Hiển thị/ không button Apply
Phương thức
Phương thức
ShowDialog Hiển thị dialog ra màn hình
Sự kiện
Sự kiện
Apply Kích hoạt khi user chọn apply
Nguyễn Văn Phong - 2010
22
FontDialog
FontDialog
Demo: gọi FontDialog thiết lập font cho control
Tạo Form có dạng sau
Drag & drop
Drag & drop
Label để test font
Label để test font
Button chọn font
Button chọn font
Nguyễn Văn Phong - 2010
23
FontDialog
FontDialog
Phần xử lý cho button “Font”
Nguyễn Văn Phong - 2010
24
FontDialog
FontDialog
Nguyễn Văn Phong - 2010
25
FontDialog
FontDialog
Bổ sung chức năng “Apply” của FontDialog
Khi FontDialog đang hiển thị cho phép user kích chọn
Khi FontDialog đang hiển thị cho phép user kích chọn
nút Apply
nút Apply
⇒
⇒
label thay đổi font theo.
label thay đổi font theo.
Cách thực hiện
Khai báo có hiện thị button Apply cho FontDialog
Khai báo có hiện thị button Apply cho FontDialog
fontDialog1.ShowApply = true
Đăng ký trình xử lý sự kiện cho button “Apply”
Tạo trình xử lý cho sự kiện “Apply” của
FontDialog
Đăng ký trình xử lý cho sự kiện Apply của
FontDialog