Hiểu mục đích của gói AWT và cấu trúc của gói này. Biết cách sử dụng các đối tượng của gói AWT. Biết cách bố cục một GUI. Biết cách thiết kế một GUI. GUI = Graphic User Interface – mô hình giao tiếp kiểu tươ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 để tạo GUI, Java hỗ trợ sẵn các lớp tạo GUI cho Programmer sử dụng | Graphic User Interface- GUI Slide /57 Mục tiêu Hiểu mục đích của gói AWT và cấu trúc của gói này. Biết cách sử dụng các đối tượng của gói AWT. Biết cách bố cục một GUI. Biết cách thiết kế một GUI. GUI Slide /57 Nội dung 1- GUI là gì? 2- Gói AWT của Java. 3- Đưa 1 component vào GUI. 4- Một chương trình tạo GUI 5- Sử dụng các đối tượng của AWT. 6- Bố trí các phần tử trên GUI. 7- Hướng dẫn tạo GUI cho 1 ứng dụng. 8- Tóm tắt GUI Slide /57 1- GUI là gì? GUI = Graphic User Interface – mô hình giao tiếp kiểu tươ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 để tạo GUI, Java hỗ trợ sẵn các lớp tạo GUI cho Programmer sử dụng. GUI Slide /57 GUI là gì?. GUI= Container + Components GUI Slide /57 Container Components 2- Gói AWT của Java AWT : abstract windowing toolkit - bộ công cụ chứa các lớp để tạo cửa sổ. AWT là 1 phần của JFC- Java Foundation Classes. Sử | Graphic User Interface- GUI Slide /57 Mục tiêu Hiểu mục đích của gói AWT và cấu trúc của gói này. Biết cách sử dụng các đối tượng của gói AWT. Biết cách bố cục một GUI. Biết cách thiết kế một GUI. GUI Slide /57 Nội dung 1- GUI là gì? 2- Gói AWT của Java. 3- Đưa 1 component vào GUI. 4- Một chương trình tạo GUI 5- Sử dụng các đối tượng của AWT. 6- Bố trí các phần tử trên GUI. 7- Hướng dẫn tạo GUI cho 1 ứng dụng. 8- Tóm tắt GUI Slide /57 1- GUI là gì? GUI = Graphic User Interface – mô hình giao tiếp kiểu tươ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 để tạo GUI, Java hỗ trợ sẵn các lớp tạo GUI cho Programmer sử dụng. GUI Slide /57 GUI là gì?. GUI= Container + Components GUI Slide /57 Container Components 2- Gói AWT của Java AWT : abstract windowing toolkit - bộ công cụ chứa các lớp để tạo cửa sổ. AWT là 1 phần của JFC- Java Foundation Classes. Sử dụng: import .*; Gồm nhiều phần tử (class) để tạo GUI. Có các lớp quản lý việc bố trí các phần tử. Có (event-oriented application) mô hình ứng dụng hướng sự kiện. Có các công cụ xử lý đồ họa và hình ảnh. Các lớp sử dụng các tác vụ với clipboard (vùng nhớ đệm) như cut, paste. GUI Slide /57 Cấu trúc gói AWT GUI Slide /57 Component Button Checkbox Container Choice Canvas TextComponent Label Panel Window Applet Frame Dialog TextField TextArea Tham khảo gói GUI Slide /57 Tham khảo gói GUI Slide /57 Yêu cầu của GUI Thân thiện với user. Số phần tử (element, component) trên GUI thay đổi tùy thuộc vào ứng dụng. Khi user tương tác với phần tử của GUI, ứng dụng phải có phản ứng. Lập trình sự kiện sẽ bàn đến trong chương sau. GUI Slide /57 3- Đưa 1 component vào GUI Các bước để đưa 1 component vào GUI ( viết code ) Tạo 1 đối tượng component phù hợp. Xác định hình thức bên ngoài lúc đầu của component. Định vị component này trên GUI. Thêm component này
