Professional Documents
Culture Documents
Chuong 04
Chuong 04
Chương 4:
SDI & MDI
Single & Multiple Document Interface
Giảng Viên: ThS. Dương Thành Phết
Website: http://www.thayphet.net
Tel: 0918158670 1
http://www.thayphet.net
NỘI DUNG
1 Tổng quan ứng dụng Document Interface
4 MenuStrip
5 ContextMenuStrip
6 ToolStrip
7 StatusStrip
2
http://www.thayphet.net
3
http://www.thayphet.net
Document 4
http://www.thayphet.net
5
http://www.thayphet.net
Document
6
http://www.thayphet.net
MDI Application
Child
window
Có nhiều child
Child
window windows
Child
window
7
http://www.thayphet.net
9
http://www.thayphet.net
10
http://www.thayphet.net
11
http://www.thayphet.net
14
http://www.thayphet.net
15
http://www.thayphet.net
TileHorizontal TileVertical
16
http://www.thayphet.net
3.7. Ví dụ:
Tạo ứng dụng MDI: PixView xem ảnh trong đó
Form cha
• Chức năng open: mở file ảnh từ đĩa
• Gọi form con hiển thị ảnh
• Cho phép sắp xếp các cửa sổ con
Form con
• Lấy thông tin file từ form cha
• Hiển thị file ảnh lên PictureBox
17
http://www.thayphet.net
MDI
18
http://www.thayphet.net
19
http://www.thayphet.net
20
http://www.thayphet.net
21
http://www.thayphet.net
22
http://www.thayphet.net
24
http://www.thayphet.net
25
http://www.thayphet.net
26
http://www.thayphet.net
4. MENUSTRIP
4.1. Giới thiệu:
Thanh trình đơn (Menu Bar): Trình bày các chức
năng cần thực hiện dưới dạng nhóm lệnh.
Các mục trên thanh trình đơn gọi là Menu và
trong mỗi Menu có các SubMenu
Phím tắt (Shortcut Key): Để chọn một menu trên
thành trình đơn ta thực hiện thao tác Click chuột.
Tuy nhiên ta có thể thực hiện bằng cách chọn phím
tắt hay phím nóng.
Phím tắt : Dùng để chọn 1 Menu (VD: Alt + O)
Phím nóng: Để chọn 1 Sub Menu (VD: Ctrl+P)
27
http://www.thayphet.net
4. MENUSTRIP
Menu cung cấp nhóm lệnh có quan hệ với nhau cho các
ứng dụng Windows
Menu item
Menu
Submenu
Shortcut key
28
http://www.thayphet.net
4. MENUSTRIP
4.2. Cách tạo menu
Trong ToolBox kéo control MenuStrip thả vào form
Thanh menuBar xuất hiện trên cùng của form
Trong màn hình design dễ dàng tạo lập các menu item
Nhập tên menu
MenuBar
ToolStripMenuItem
MenuStrip
29
http://www.thayphet.net
4. MENUSTRIP
30
http://www.thayphet.net
4. MENUSTRIP
Thiết lập Shortcut Key cho menu item
Khai báo
shortcut key
31
http://www.thayphet.net
4. MENUSTRIP
Menu item có thể là TextBox hoặc ComboBox
32
http://www.thayphet.net
4. MENUSTRIP
33
33
http://www.thayphet.net
4. MENUSTRIP
Sự kiện cho Menu Item thường dùng là Click
Trong màn hình Design View Double click vào menu
item. VS sẽ tự động tạo trình xử lý cho menu item
Trình xử lý cho
sự kiện click của
menu item
“Open”
34
http://www.thayphet.net
5. CONTEXT MENU
5.1. Giới thiệu:
Xuất hiện khi user click phải
Thông thường menu này xuất hiện tùy thuộc vào đối
tượng trong vùng click phải.
35
http://www.thayphet.net
5. CONTEXT MENU
select
36
http://www.thayphet.net
5. CONTEXT MENU
Khai báo sử dụng Context Menu
Mỗi control đều có property là: ContextMenuStrip
Khai báo thuộc tính này với ContextMenuStrip. Khi đó
user click phải lên control thì sẽ hiển thị context Menu
đã cài đặt sẵn
Khai báo trình xử lý sự kiện Click cho ContextMenu
Double click vào menu item của Context Menu để tạo
Hoặc trong cửa sổ Properties -> Event Double click
vào sự kiện Click.
37
5. CONTEXT MENU
5.3. Ví dụ:
Tạo context Menu hiển thị trong ListBox có menu
item Remove, cho phép xóa item đang được chọn.
Tạo Form có mô tả như sau:
38
5. CONTEXT MENU
39
http://www.thayphet.net
5. CONTEXT MENU
Click vào ContextMenuStrip để thiết kế menu
Tạo một menu item “Remove” như hình mô tả
40
http://www.thayphet.net
5. CONTEXT MENU
Liên kết ContextMenu với ListBox
Trong cửa sổ properties của ListBox. Khai báo
thuộc tính
ContextMenuStrip = ContextMenuStrip1
Chọn context
menu
41
5. CONTEXT MENU
Khai báo trình xử lý sự kiện Click cho menu item
42
5. CONTEXT MENU
Kết quả
Context Menu
hiển thị khi user
click phải lên
ListBox
43
6. TOOLSTRIP
6.1. Giới thiệu:
ToolStrip là sự thay thế cho ToolBar trong các ứng
dụng trước đây
Vị trí thường xuất hiện là ngay bên dưới thanh menu
Cung cấp các button cho phép thực hiện các chức
năng thường dùng trong menu
ToolStrip là container cho phép chứa các control
Các control này dẫn xuất từ ToolStripItem
Các control bao gồm: ToolStripSplitButton;
ToolStripDropDownbutton;ToolStripLabel;
ToolStripProgressBar;ToolStripSeparator;
ToolStripComboBox; ToolStripTextBox 44
http://www.thayphet.net
6. TOOLSTRIP
6.2. Cách tạo button trên ToolStrip:
Kéo ToolStrip thả vào form
Add ToolStripButton
Tạo button
45
http://www.thayphet.net
6. TOOLSTRIP
Bổ sung image cho button
Sử dụng thuộc tính Images để thiết lập
46
http://www.thayphet.net
6. TOOLSTRIP
Split bar
47
http://www.thayphet.net
6. TOOLSTRIP
Khai báo trình xử lý sự kiện Click cho
ToolStripButton
Khai báo tương tự như các button: Double click
vào button trong Design View
Thông thường các button là các chức năng
thường sử dụng chứa trong menu
VD: Các button New, Open, Save…
Do đó có thể khai báo cùng trình xử lý sự kiện
cho các button và menu item cùng chức năng.
VD:Menu item “Open” cùng trình xử lý với
ToolStripButton “Open”
48
http://www.thayphet.net
6. TOOLSTRIP
6.3. Ví dụ:
Tạo thanh menubar cho phép nhập URL và khi nhấn
enter chương trình sẽ open địa chỉ đó
ToolStripLabel ToolStripTextBox
WebBrowser
Dock=Fill
49
http://www.thayphet.net
6. TOOLSTRIP
Xử lý sự kiện KeyDown cho ToolStripTextBox
50
http://www.thayphet.net
6. TOOLSTRIP
Kết quả
51
http://www.thayphet.net
7. STATUSSTRIP
7.1. Giới thiệu:
Hiển thị thông tin trạng thái của ứng dụng
Nằm bên dưới cùng của Form.
Các lớp liên quan
StatusStrip: là container chứa control khác
ToolStripStatusLabel: control có thể add vào StatusStrip
52
http://www.thayphet.net
7. STATUSSTRIP
7.2. Tạo các item cho StatusStrip
53
http://www.thayphet.net
7. STATUSSTRIP
Ví dụ tạo sự kiện Tick của Timer cứ mỗi giây kích hoạt
và hiển thị giờ trên StatusStrip
Kéo Timer thả vào Form. Thiết lập sự kiện Tick cho
Timer với Interval là 1000 ms
54
http://www.thayphet.net
7. STATUSSTRIP
Kết quả:
ToolStripStatusLabel StatusStrip
55
http://www.thayphet.net
7. STATUSSTRIP
VD: bổ sung hiển thị một hyperlink trên StatusStrip
và open hyperlink khi user click chuột
7. STATUSSTRIP
Tạo trình xử lý sự kiện khi user click vào item
Label thứ 3 chứa hyperlink
Trong màn hình design Double click vào item thứ 3,
VS.NET sẽ phát sinh ra trình xử lý sự kiện
57
http://www.thayphet.net
7. STATUSSTRIP
Kết quả
58
http://www.thayphet.net
59