Chương 6: Lập trình GUI

Tham khảo tài liệu chương 6: lập trình gui, công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
Chương 6: Lập trình GUIChương 6: L p trình GUI GVLT: Tr n Anh Dũng 1 N i dungGUI là gì?Gi i thi u thi t k GUI trong javað i tư ng khung ch a (Container)Các thành ph n cơ b n (Component)B qu n lý trình bày (Layout Manager)Ví d minh h a 2 Gi i thi u (1)GUI: Graphic User Interface – mô hình giao ti p ki utương tác gi a ng d ng và user d ng ñ h a.M i ngôn ng h tr cách t o GUI khác nhau: VB, VC++ dùng d ng drag and drop C++ ñòi h i programmer vi t toàn b code ñ to GUI. Java h tr s n các l p t o GUI cho Programmer s d ng.H u h t các ngôn ng l p trình hi n nay ñư c cung c pcác ñ i tư ng ñ h a. 3 Gi i thi u (2)GUI = Container + Components Container Components 4 Gi i thi u (3)M t thành ph n (component) GUI là m t ñ i tư ng tr cquan. Ngư i dùng tương tác v i ñ i tư ng này thôngqua con tr chu t hay bàn phím. Các thành ph n như là button, label… có th ñư c nhìn th y trên màn hình. B t kỳ thao tác nào áp d ng ñ n t t c các thành ph n GUI ñ u ñư c tìm th y trong l p ñ i tư ng Component.ð t o các thành ph n GUI, s d ng các l p t n t itrong gói java.awt 5 Gi i thi u v AWT (1)AWT: Abstract Windowing ToolkitAWT là m t b các l p trong Java cho phép chúng tat o m t GUI và ch p nh n các nh p li u c a ngư i dùngthông qua bàn phím và chu t.AWT là thư vi n n n t ng, cơ s giúp cho chúng ta ti pc n v i thư vi n m r ng JFC hi u qu hơn.S d ng: import java.awt.*;- import java.awt.event.*;- 6 Gi i thi u v AWT (2)AWT cung c p các item khác nhau ñ t o m t GUI hi uqu và lôi cu n ngư i s d ng. Các item này có th là: Container Component Trình qu n lý cách trình bày (Layout manager) ð h a (Graphic) và các tính năng v (draw) Phông ch (Font) S ki n (Event) 7 C u trúc gói AWT AWTEvent Container Panel Applet Font Button Window Frame FontMetrics Label Dialog FileDialog TextField TextComponentObject Color TextArea Graphics List Component Choice CheckBox LayoutManager CheckBoxGroup Canvas MenuComponent MenuItem Menu MenuBar Scrollbar 8Tham kh o gói awt 9 Container (1)Container là ñ i tư ng v t ch a hay nh ng ñ i tư ng cókh năng qu n lý và nhóm các ñ i tư ng khác l i. Nh ng ñ i tư ng con thu c thành ph n awt như: button, checkbox, radio button, scrollbar, list,… ch s d ng ñư c khi ta ñưa nó vào khung ch a (container).Gói java.awt ch a m t l p có tên là Container. L p nàytr c ti p hay gián ti p phát sinh ra hai container ñư c sd ng ph bi n nh t là Frame và Panel. 10Container (2) 11 Frame (1)Khung ch a Frame là m t c a s window Là l p con c a window Bao g m m t tiêu ñ và m t ñư ng biên (border) như các ng d ng windows thông thư ng khác. Thư ng ñư c s d ng ñ t o c a s chính c a các ng d ng. 12 Frame (2)Frame có th ho t ñ ng như m t container hay như m tthành ph n (component).Chúng ta có th s d ng m t trong nh ng constructorsau ñ t o m t frame: Frame() Frame(String title) …Các phương th c: Tìm hi u java docs 13 Frame – Ví d Víimport java.awt.*;class FrameDemo extends Frame{ public FrameDemo(String title){ super (title); } public static void main (String args[]) { FrameDemo ObjFr = new FrameDemo(I have been Framed!!!); ObjFr.setSize(500,500); ObjFr.setVisible(true); }} 14 Panel (1)ð i tư ng khung ch a ñơn gi n nh t, dùng ñ nhómcác ñ i tư ng, thành ph n con l i. M t Panel có thch a bên trong m t Panel khác.M t panel không có s n vì th chúng ta c n ph i thêmnó vào Frame.Hàm kh i t o Panel ( ) Panel (LayoutManager) 15 Panel (2)Panel không th ñư c nhìn th y tr c ti p.Do ñó, chúng ta c n thêm panel ñ n m t frame.Vì v y ta c n t o m t frame m i và thêm Panel m iñư c t o này vào nó.Tuy nhiên, frame s không nhìn th y ñư c, và không cókích thư c. Chúng ta s d ng hai phương th csetSize() và setVisible() ñ thi t l p kích thư c và hi nth frame. 16 Panel – Ví d Víimportimport java.awt.*;class Paneltest extends Panel{ public static void main(String args[]) { Paneltest p = new Paneltest(); Frame f = new Frame(“Testing a Panel”); f.add(p); f.setSize(300,200); f.setVisible(true); } public Paneltest() { }} ...