LẬP TRÌNH JAVA NÂNG CAO Chương 01: Lập trình giao diện Lê Tân Bộ môn: Lập trình máy tính Nội dung chương 01 ✦ Sơ đồ phân cấp lớp GUI ✦ JFrames ✦ Layout Managers ✦ Drawing on JPanels: Lines, Rectangles, Ovals, Arcs, Polygons ✦ Event-Driven Programming: Event Source, Listener, Listener Interface ✦ Nút nhấn và menu ✦ JCheckbBox và JRadioButton ✦ Các lớp văn bản và JScrollBar Các thành phần GUI ✦ Các đối tượng GUI: button, label, text field, check box, radio button, combo box, … ✦ Mỗi loại đối tượng được xác định trong 1 lớp: JButton, JLabel, JTextField, JCheckBox, JRadioButton, JComboBox, … ✦ Mỗi lớp thành phần GUI có một số constructor để tạo các đối tượng thành phần GUI. Swing vs. AWT ✦ AWT: Abstract Windows Toolkit: – Java 1 – Được gắn với platform xác định – Thích hợp với việc phát triển các ứng dụng GUI đơn giản. ✦ Swing components: – Java 2 – Không gắn với platform cố định – Mạnh, đa năng, linh hoạt Sơ đồ phần cấp lớp GUI (Swing) Dimension Font FontMetrics Component Graphics Object Color Container Panel Applet Frame Dialog Window JComponent JApplet JFrame JDialog Swing Components in the javax.swing package Lightweight Heavyweight Classes in the java.awt package 1 LayoutManager * JComponent Các lớp GUI: nhóm container ✦ Được dùng để chứa các thành phần khác. ✦ Các lớp container (Swing): – Container – JFrame – JDialog – JApplet – JPanel Các lớp GUI: nhóm component ✦ Gồm các subclass của lớp JComponent. ✦ Các lớp GUI component (Swing): – JButton – JLabel – JTextField – JTextArea – JComboBox – JList – JRadioButton – JMenu – … Các lớp GUI: nhóm helper ✦ Được các component và container dùng để vẽ và đặt các đối tượng. ✦ Các lớp helper (Swing): – Graphics – Color – Font – FontMetrics – Dimension – LayoutManager AWT (Optional) AWTEvent Font FontMetrics Component Graphics Object Color Canvas Button TextComponent Label List CheckBoxGroup CheckBox Choice Container Panel Applet Frame Dialog FileDialog Window TextField TextArea MenuComponent MenuItem MenuBar Menu Scrollbar LayoutManager [...]... trong các ứng dụng Java GUI 3 Trong các chương trình Swing GUI, sử dụng lớp JFrame để tạo các cửa sổ Tạo Frame import javax.swing.*; public class MyFrame { public static void main(String[] args) { JFrame frame = new JFrame("Test Frame"); frame.setSize(400, 300); frame.setVisible(true); frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE); } } Chú ý: Chạy chương trình cần JDK 1.3 hoặc cao hơn Căn giữa...Các thành phần giao diện người sử dụng Frame Pull-down Menus Applet Panel Pull-down Menus Panel User Interface Components User Interface Components Panel User Interface Components (UI) Panel Panel User Interface Components User Interface Components... thiết lập màu cho các thành phần GUI bằng cách sử dung lớp java. awt.Color Các màu được tạo từ 3 màu cơ bản là red, green, blue; mỗi màu đó được biểu diễn bởi một giá trị byte ( 0-2 55) miêu tả cường độ Đây được gọi là hệ màu RGB (RGB model) Color c = new Color(r, g, b); 3 r, g, b xác định một màu được tạo bởi các thành phần tương ứng red, green, blue Ví dụ: Color c = new Color(228, 100, 255); Thiết lập. .. trong các panel và đặt các panel trong một frame, hoặc cũng có thể đặt panel trong panel JPanel p = new JPanel(); p.add(new JButton("OK"); frame.getContentPanel().add(p); Ví dụ 9.4: Panel Chương trình tạo một giao diện cho lò vi sóng, sử dụng các panel để tổ chức các thành phần frame A textfield p2 A button 12 buttons p1 Vẽ trên Panel 3 JPanel còn có thể được sử dụng để vẽ đồ họa, văn bản và cho phép tương... Content pane là một lớp con của Container Câu lệnh ở slide trước tương đương với 2 câu lệnh sau: Container container = frame.getContentPane(); container.add(new JButton("OK")); Content pane được sinh ra khi một đối tượng JFrame được tạo Đối tượng JFrame sử dụng content pane để chứa các thành phần trong frame Layout Managers 3 Các layout manager của Java cung cấp cơ chế để tự động ánh xạ các thành phần... frame.setDefaultCloseOperation(JFrame.EXIT_ON_CL OSE); frame.setSize(300, 200); frame.setVisible(true); } /** Paint the message */ public void paintComponent(Graphics g) { super.paintComponent(g); g.drawString("Welcome to Java! ", 40, 40); Vẽ trên Panel (tiếp) LƯU Ý 3 Lớp Graphics là một lớp trừu tượng để hiển thị hình vẽ và ảnh trên màn hình trên các platform khác nhau 3 Lớp Graphics gói gọn các chi tiết platform và cho... chế để tự động ánh xạ các thành phần GUI của bạn trên tất cả các hệ thống cửa sổ 3 Các thành phần GUI được đặt trong các container Mỗi container có một layout manager để sắp xếp các thành phần đó Thiết lập Layout Manager LayoutManager layMan = new XLayout(); container.setLayout(layMan); 3 XLayout: – FlowLayout – GridLayout – BorderLayout Ví dụ 9.1: FlowLayout Manager Các thành phần được sắp xếp trong... Color(r, g, b); 3 r, g, b xác định một màu được tạo bởi các thành phần tương ứng red, green, blue Ví dụ: Color c = new Color(228, 100, 255); Thiết lập màu Bạn có thể sử dụng các phương thức sau để thiết lập màu background và foreground của các thành phần: 3 setBackground(Color c) setForeground(Color c) Ví dụ: JButton jbtOK = new JButton(); jbtOK.setBackground(Color.yellow); jbtOK.setForeground(new Color(255,0,0));... Lớp Font Font myFont = Font(name, style, size); Ví dụ: Font font1 = new Font("SansSerif", Font.BOLD, 16); Font font2 = new Font("Serif", Font.BOLD+Font.ITALIC, 12); Tìm tất cả tên Font khả dụng import java. awt.GraphicsEnvironment; public class testAllFonts { public static void main(String[] args) { GraphicsEnvironment e = GraphicsEnvironment.getLocalGraphicsEnvironment(); String[] fontnames = e.getAvailableFontFamilyNames(); . LẬP TRÌNH JAVA NÂNG CAO Chương 01: Lập trình giao diện Lê Tân Bộ môn: Lập trình máy tính Nội dung chương 01 ✦ Sơ đồ phân cấp lớp GUI ✦ JFrames ✦ Layout. (Optional) AWTEvent Font FontMetrics Component Graphics Object Color Canvas Button TextComponent Label List CheckBoxGroup CheckBox Choice Container Panel Applet Frame Dialog FileDialog Window TextField TextArea MenuComponent MenuItem MenuBar Menu Scrollbar LayoutManager Các thành phần giao diện người sử dụng Frame Pull-down Menus User Interface Components (UI) Panel Panel Panel UI Panel UI Panel UI Applet Panel User. Interface Components panel Pull-down Menus Frames ✦ Frame là một cửa sổ không chứa trong cửa sổ khác. ✦ Frame là nền tảng để chứa các thành phần GUI khác trong các ứng dụng Java GUI. ✦ Trong các chương trình Swing