lập trình giao diện đồ họa

Gv: Văn Thiên Hoàng 5/40Object BorderLayoutCardLayoutCheckboxGroupColor DimensionEvent FontFlowLayoutFontMetricsGraphicsGridBagLayoutGridLayout ImageInsets PointPolygonRectangleToolkitMe

Trang 1

Lập Trình Giao Điện Đồ Hoạ

Trang 3

Gv: Văn Thiên Hoàng 3/40

1 Giới thiệu

• Java cung cấp hai gói hỗ trợ cho lập trình giao diện đồ

hoạ là: java.awt và javax.swing.

• AWT (Abstract Window Toolkit) là bộ công cụ lập trình

giao diện đồ hoạ trên Windows.

• SWING là mô hình phát triển của AWT theo xu hướng

độc lập với hệ thống.

Trang 4

2 Cấu trúc AWT

• AWT bao gồm nhiều class, giao diện, gói cho

phép kế thừa, từ đó lập trình viên có thể tạo ra nhiều loại control (thành phần giao diện) đa

dạng theo ý mình.

Trang 5

Object

BorderLayoutCardLayoutCheckboxGroupColor

DimensionEvent

FontFlowLayoutFontMetricsGraphicsGridBagLayoutGridLayout

ImageInsets

PointPolygonRectangleToolkitMenuComponent

ButtonCanvasCheckbox

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

MenuBarMenuItem Menu

PopupMenuCheckboxMenuItem

AWTExceptionAWTError

ExceptionError

Trang 6

3 Lớp Component

• Lớp Component là lớp trừu tượng cơ sở của tất cả các

thành phần AWT.

• Component cung cấp các chức năng để xử lý các sự

kiện, thay đổi kích thước các thành phần, điều khiển font, màu và vẽ lên thành phần.

• Một số phương thức:

• Void setSize(int width, int height) : đặt kích thước cho

các thành phần.

Trang 7

• Void setFont(Font f): đặt lại font cho thành phần.

• Void setEnable(boolean b): quy định thành phần có hiện

thị trên màn hình hay không.

Trang 8

DimensionEvent

ImageInsetsMenuComponent

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

MenuBarMenuItem CheckboxMenuItem

Trang 9

4 Lớp Container

• Lớp Container: kế thừa từ lớp Component, là lớp chứa

các thành phần khác để xây dựng những giao diện phức tạp.

• Phương thức của lớp Container kế thừa từ lớp

Component, bổ sung thêm phương thức:

• Void add(Component c): thêm một thành phần vào

Container.

Trang 10

4 Lớp Container

• Các lớp con của lớp Container:

• Lớp Panel: là một thành phần chứa kế thừa từ

Container.

• Lớp Window: kế thừa từ lớp Container, đai diện

cho một cửa sổ nhưng không có tiêu đề, menu.

• ScrollPane: là tạo cửa sổ cuộn.

Trang 11

Object

DimensionEvent

ImageInsets

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

ExceptionError

Trang 12

4.1 Lớp Frame

• Lớp Frame: kế thừa từ lớp Window, là lớp dùng để tạo

cửa sổ trong đó chứa thanh tiêu đề, menu và các đường viền.

• Layout Manager mặc định là: BorderLayout.

• Phương thức khởi tạo:

• Frame(): tạo một cửa sổ với tiêu đề trống.

• Frame(String title): tạo một cửa sổ với tiêu đề title.

Trang 13

4.1 Lớp Frame

• Ví dụ: Tạo ra cửa sổ có kích thước 200,

200

Trang 14

4.1 Lớp Frame

Trang 15

4.1 Lớp Frame

• Ví dụ: Tạo ra cửa sổ riêng có phương

phước khởi tạo có tên và kích thước.

Trang 16

4.1 Lớp Frame

Trang 17

Object

DimensionEvent

ImageInsets

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

ExceptionError

Trang 18

4.2 Lớp Dialog

• Dialog là lớp con lớp window, không có menu

và không cho phép phóng to/thu nhỏ hoặc thay đổi kích thước bằng mouse.

• Có hai trạng thái:

– Là modaless (mặc định)

– Hoặc modal (Khi được hiển thị, một modal Dialog

sẽ "khóa" hết các cửa sổ khác của ứng dụng cho đến khi Dialog đó được đóng.

Trang 19

Ví dụ: Hiển thị dialog dạng modal

Trang 20

Ví dụ: Hiển thị dialog dạng modal

Trang 21

Object

DimensionEvent

ImageInsets

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

ExceptionError

Trang 22

4.3 Lớp Panel

• Panel là container không thể tồn tại độc

lập mà phải thuộc về một container nào

đó

• Panel là một vùng hình chữ nhật để chứa

các control, và buộc phải nằm trên một Window, hay một cửa sổ trình duyệt web hay một Panel khác

Trang 23

4.3 Lớp Panel

Frame

Panel

sub-panels

Trang 24

4.3 Lớp Panel

• Layout Manager mặc định là FlowLayout

• Tạo Panel

– Panel panel = new Panel();

• Thêm các Components vào Panel

– panel.add(someComponent);

– panel.add(someOtherComponent);

–

• Chú ý: Kích thước Panel được xác định bởi các

thành phần bên trong Panel.

Trang 25

4.3 Lớp Panel

• Ví dụ: Hiển thị bốn button trên Panel.

Trang 26

4.3 Lớp Panel

Trang 27

Object

DimensionEvent

ImageInsets

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

ExceptionError

Trang 28

– Canvas canvas = new Canvas();

– SpecializedCanvas canvas = new SpecializedCanvas();

Trang 29

4.4 Lớp Canvas

• Ví dụ: Tạo một lớp kết thừa lớp Canvas để vẽ

hình tròn

Trang 30

• Ví dụ: Tạo một lớp kết thừa lớp Canvas để vẽ

hình tròn

Trang 31

Trang 32

Trang 33

4 Một số thành phần cơ bản

Trang 34

DimensionEvent

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

Trang 35

Lớp Font & Color

• Lớp Font dùng để tạo chữ cho các thành phần

– Font(String tenFont, int kieu, int co);

Trang 37

Lớp Label

• Dùng để tạo các nhãn trên cửa sổ.

– Label(): tạo nhãn trống.

– Label(String text): tạo nhãn chứa nội dung.

• Một số phương thức thường dùng:

– String getText(): trả về nội dung của nhãn.

– Void setText(String text): đặt nội dung vào nhãn.

Trang 38

Lớp Label

• Ví dụ: Chương trình hiển thị dòng chữ “chao Java –

AWT” trên màn hình đồ hoạ.

Trang 39

Lớp Label

Trang 40

DimensionEvent

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

Trang 41

Lớp TextField

• Lớp TextField: dùng để tạo các ô nhập dữ liệu.

– TextField(): tạo một TextField trống.

– TextField(String text):tạo một TextField chứa nội

dung text.

– TextField(int n): tạo TextField hiển thị được n kí tự.

Trang 42

Lớp TextField

• Các phương thức thường dùng:

– String getText();

– Void setText(String);

Trang 43

Lớp TextField

• Ví dụ: Chương trình minh hoạ nhập dữ liệu đơn giản.

Trang 44

Lớp TextField

Trang 45

Object

DimensionEvent

ImageInsets

ChoiceContainer

ScrollBar

LabelList

Panel

WindowScrollPane

Applet

DialogFrame

TextComponent

TextFieldTextArea

ExceptionError

Trang 47

Lớp TextArea

• Các phương thức thường dùng:

– String getText()

– Void setText(String text)

– Void append(String text): thêm dòng text vào

cuối TextArea.

Trang 49

Lớp Checkbox

• Dùng để tạo các hộ kiểm tra

• Phương thức khởi tạo

Trang 50

– CheckboxGroup cbg = new CheckboxGroup();

– CheckBox chk1 = new Checkbox(“Mau do”,cbg,true);

Trang 51

Lớp Checkbox

Trang 52

Lớp Checkbox

Trang 53

Lớp Choice

• Dùng để tạo các mục chọn kéo xuống.

– Choice()

Trang 55

Lớp List

• Lớp List: dùng để tạo danh sách các mục chọn.

Trang 57

Lớp List

• Ví dụ: tạo List chọn môn học

– List lst = new List();

– Lst.addItem(“Pascal”);

– Lst.addItem(“Java”);

– Lst.addItem(“Access”);

– Lst.addItem(“VisualBasic”);

Trang 58

– Lớp FlowLayout: trình bày theo thứ tự từ trái sang

phải, từ trên xuống.

– Lớp BorderLayout: trình bày các thành phần trong 5

Trang 59

5 Trình bày các thành phần

• Là Layout mặc định của Panel, JPanel, và Applet

• Tự động thay đổi kích thước đối tượng vừa với nội dung

• Canh giữa trên dòng

– FlowLayout()

– FlowLayout(int alignment)

– FlowLayout(int alignment, int hGap, int vGap)

Trang 60

• Ví dụ: FlowLayout

Trang 61

• Ví dụ: FlowLayout

Trang 62

• Khi trình bày bằng BorderLayout, để thêm một thành

phần vào lớp chứa dùng phương thức:

Trang 63

Trang 64

Trang 65

Trình bày các thành phần

• Lớp GridLayout: Sắp xếp các thành phần vào

một ô lưới nhiều dòng, cột.

– GridLayout(int rows,int columns)

• Khi thêm các thành phần vào lớp chứa trình bày

bằng GridLayout sẽ thêm lần lượt vào từng ô từ trái qua, từ trên xuống.

Trang 66

• Ví dụ

Trang 67

Trang 68

• Trình bày tự do (Null layout): cho phép

trình các đối tượng tùy ý theo toạ độ

– Gọi phương thức: setLayout(null)

• Xác định vị trí và kích thước của thành

phần:

– setBounds(int left, int top, int width, int height)

Trang 69

Trang 70

Trang 71

Các Container lồng nhau

Trang 72

Trang 73

Trang 74

GridBagLayout

Trang 75

Bài tập

• Viết chương trình thiết kế trò chơi Mine Cho

phép chọn kích thước (số dòng, số cột) nhập vào từ JOptionPane

Định dạng
Số trang	75
Dung lượng	1,11 MB