Bài giảng Lập trình CSharp Winform 4.0 - Lession 10: Design devexpress

CÁCH THỨC HỌC:
• Demo t rực t iếp, có v ideo và bà i tập sau mỗ i bà i học
• Sử dụng học theo môi t rường Lab
• Ứng dụng dự án thực tế
• Hỗ t rợ học t rực t iếp/ từ xa qua Teamview
• Hỗ t rợ g iả i đáp qua mai l , n i ck yahoo 24/7 từ 9h sáng đến
22h mỗ i ngày ( t rả lờ i thư chậm nhấ t 24h ) .
• Nick yahoo: thanhsof t2009 – Skype : thanhsof t .2009
• Emai l : thanh . thanhsof t@gmai l . com
info@thanhsof t .net
• Di động: 0908 450 457
Khoá lập trình
Csharp Winform 4.0
2/26/2013Thiết kế bởi Thanhsoft.,LTD
1
YÊU CẦU VÀ NỘ I DUNG:
YÊU CẦU:
• Phải cài Visual Studio 2008/2010
• Hệ điều hành hỗ trợ chạy các file .exe
• Hiểu cơ bản về exel, datagridview
NỘ I DỤNG:
• Cài đặt devexpress 10.1.6
• Rack devexpress 10.1.6
• Thiết kế Panel
• Thiết kếMenu
• Thiết kế Tab Control
• Thiết kế Grid Control
Lession 10:
Design ..devexpress
2/26/2013Thiết kế bởi Thanhsoft.,LTD
2
2/26/2013Thiết kế bởi Thanhsoft.,LTD
3
Toolbox
2/26/2013Thiết kế bởi Thanhsoft.,LTD
4
• Dùng đ ể t ạo menu ngang cho ứng dụng
• Có th ể k ế t hợp vớ i ImageCol lec t ion đ ể chèn h ình vào c á c 
Ob j e c t chứa t rong nó .
• Có th ể t h i ế t k ế d ạng Tab/ Group của c á c Tab ( Ca t ego ry )
RibbonControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
5
Menu RibbonControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
6
Chọn RibbonControl
Giao diện
Design Ribbon Control
2/26/2013Thiết kế bởi Thanhsoft.,LTD
7
Add Tab
2/26/2013Thiết kế bởi Thanhsoft.,LTD
8
Chọn Add Page
Add Category
2/26/2013Thiết kế bởi Thanhsoft.,LTD
9
Add Page Category
Add Object trong Category
2/26/2013Thiết kế bởi Thanhsoft.,LTD
10
• T ạo thanh t r ạng thá i cho ứng dụng
• Có th ể t r ì nh bày c á c t hông t i n : t ên ph ần m ềm, t ên đăng nh ập và 
c á c t hông số v ề máy chủ .
Ribbon Status Bar
2/26/2013Thiết kế bởi Thanhsoft.,LTD
11
RibbonStatusBar
• Trướ c kh i Add R ibbonS ta tusBa r , ph ả i Add R ibbonCon t ro l vào 
ứng dụng t rướ c . N ếu không s ẽ báo lỗ i :
Chú ý
2/26/2013Thiết kế bởi Thanhsoft.,LTD
12
• T ạo menu Group bên t r á i ứng dụng
• Có th ể ứng dụng đ ể t ạo c á c danh s á ch : t à i kho ản , menu chương 
t r ì nh thường sử dụng .
Navbar Control
2/26/2013Thiết kế bởi Thanhsoft.,LTD
13
Navbar Control
2/26/2013Thiết kế bởi Thanhsoft.,LTD
14
• Là đ i ều kh i ển chứa c á c đ i ều kh i ển khác
• Thường dùng t rong t rường hợp muốn tùy b i ến độ rộng của 1 
Fo rm
Panel,SpilitContainer,..
2/26/2013Thiết kế bởi Thanhsoft.,LTD
15
Panel,SpilitContainer,..
2/26/2013Thiết kế bởi Thanhsoft.,LTD
16
Spilit Có thể co dãn 
trái-phải
Kết hợp các Control
2/26/2013Thiết kế bởi Thanhsoft.,LTD
17
• G ần g iống như DataGr idV i ew của công cụ Vi sua l S tud io của 
Mi c ro so f t
• Dùng đ ể h i ện th ị dữ l i ệu
• Có r ấ t nh i ều tùy chọn đã t í ch hợp s ẵn và t a không c ần ph ả i l ập 
t r ì nh thêm: Lọ c dữ l i ệu , G roup dữ l i ệu , xu ấ t F i l e , In F i l e , . .
• Giao d i ện đ ẹp
GridControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
18
GridControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
19
Chọn GridControl
Design GridControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
20
Tạo cột
Design GridControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
21
Tạo Fitter, 
Format cột
Design GridControl
2/26/2013Thiết kế bởi Thanhsoft.,LTD
22
Thuộc tính 
in ấn, màu 
sắc dòng
• Tên Co lumnEd i t t r ong Gr idCon t ro l ph ả i g iống t ên t rong 
Da taba se , phân b i ệ t chữ hoa/ t hường .
Lưu ý:
2/26/2013Thiết kế bởi Thanhsoft.,LTD
23
• Dùng đ ể t ạo r a c á c b ản báo c áo
• Có t í ch hợp s ẵn chứ c năng xu ấ t F i l e , In ấn
XtraReport
2/26/2013Thiết kế bởi Thanhsoft.,LTD
24
XtraReport
2/26/2013Thiết kế bởi Thanhsoft.,LTD
25
XtraReport
2/26/2013Thiết kế bởi Thanhsoft.,LTD
26
Chọn Database kết 
nối
XtraReport
2/26/2013Thiết kế bởi Thanhsoft.,LTD
27
XtraReport
2/26/2013Thiết kế bởi Thanhsoft.,LTD
28
• Các con t ro l t ạo menu
• Các con t ro l t ạo g roup
• Các con t ro l t r ì nh bày dữ l i ệu
• Các con t ro l báo c áo , i n ấn
Tổng kết
2/26/2013Thiết kế bởi Thanhsoft.,LTD
29