TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP.

HCM
KHOA CÔNG NGHỆ THÔNG TIN

GIỚI THIỆU BỘ CÔNG CỤ

DEVEXPRESS

Nhóm đề tài số 1
• Trần Thế Bình. • Võ Xuân Tháp.
• Lưu Hoàng Phúc. • Nguyễn Hoàng Phúc.
• Tô Minh Nhựt. • Nguyễn Ngọc Tường Huân.
NỘI DUNG THUYẾT TRÌNH

Giới thiệu về Devexpress.

Hướng dẫn cơ bản.

Sản phẩm minh họa.

Tài liệu tham khảo.

2
1. GIỚI THIỆU VỀ DEVEXPRESS

o Được phát triển bởi Developer Express Inc (DevExpress) là

công ty phát triển phần mềm được thành lập năm 1998, có trụ
sở tại Glendale, California.

o DevExpress là 1 hệ thống thư viện lập trình cung cấp các

control và công nghệ phục vụ cho quá trình phát triển phần
mềm.

3
1. GIỚI THIỆU VỀ DEVEXPRESS

 Giao diện được thiết kế bằng control của Visual Studio.

4
1. GIỚI THIỆU VỀ DEVEXPRESS

 Giao diện được thiết kế bằng control của DevExpress.

5
 1. GIỚI THIỆU VỀ DEVEXPRESS
• Devexpress đã có phiên bản mới nhất là phiên bản 16.2.

6
 1. GIỚI THIỆU VỀ DEVEXPRESS
• Devexpress đã có phiên bản mới nhất là phiên bản 16.2.

7
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
o Dùng để tạo menu ngang cho ứng dụng.
o Có thể kết hợp với ImageCollection để chèn hình vào
các Object chứa trong nó.
o Có thể thiết kế dạng Tab / Group của các Tab.

8
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Tạo WinForm mặc định và sau đó vào Toolbox chọn
RibbonControl.

9
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Để mở chế độ thiết kế, click chuột phải lên thanh
ribbon chọn Run Designer.

10
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Hoặc có thể làm theo cách sau.

11
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Tùy chỉnh trong Run Designer.

12
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Nhưng để thuận tiện hơn ta có thể làm theo cách sau.

13
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Sau khi đã thêm các Page hay các Group, ta có thể thêm
các Button bằng cách click chuột phải vào Page được
chọn.

14
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Tùy chỉnh Button.

15
2. HƯỚNG DẪN CƠ BẢN

• RibbonControl
 Menu của MSWord.

 Menu của MSPaint.

16
2. HƯỚNG DẪN CƠ BẢN

• NavBarControl
 Tạo Menu dọc hai bên ứng dụng.

17
2. HƯỚNG DẪN CƠ BẢN

• NavBarControl
 Chọn NavBarControl, sau đó click chuột phải vào
khung để thêm Group hoặc Item.

18
2. HƯỚNG DẪN CƠ BẢN

• NavBarControl
 Tùy chỉnh Group/Item.

19
2. HƯỚNG DẪN CƠ BẢN

• GridControl
 Gần giống với DataGridView của công cụ Visual
Studio của Micrisoft.

 Dùng để hiển thị dữ liệu dưới dạng bảng hoặc thẻ.

 Có rất nhiều tùy chọn đã tích hợp sẵn mà ta không

cần phải lập trình thêm.

20
2. HƯỚNG DẪN CƠ BẢN

• GridControl
 Chọn GridControl, sau đó chọn Run Designer để mở
chế độ thiết kế.

21
2. HƯỚNG DẪN CƠ BẢN

• GridControl
 Tùy chỉnh trong Run Designer.

22
3. SẢN PHẨM MINH HỌA

Giao diện làm bằng Devexpress

23
3. SẢN PHẨM MINH HỌA

Giao diện Windows được thiết kế bằng Devexpress

24
3. SẢN PHẨM MINH HỌA

25
4. TÀI LIỆU THAM KHẢO

• Trang chủ của Devepress: https://www.devexpress.com

• Tìm hiểu Devepress qua channel:
 https://www.youtube.com/user/DeveloperExpress
• Tìm hiểu C# và Devexpress qua channel:
 https://www.youtube.com/channel/UC8inCnD25Es0VLokfmhk
o5g/feed
• Web tìm kiếm icon phục vụ cho việc lập trình:
 https://www.iconfinder.com
• Hướng dẫn cài đặt Devexpress:
 https://www.youtube.com/watch?v=wLZ5CQKMkYs

26
 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM
KHOA CÔNG NGHỆ THÔNG TIN

CẢM ƠN CÁC BẠN ĐÃ CHÚ Ý

LẮNG NGHE

GIỚI THIỆU BỘ CÔNG CỤ HỖ TRỢ THIẾT KẾ GIAO DIỆN TRONG LẬP TRÌNH DEVXPRESS

Nhóm đề tài số 2