Giáo trình Lập trình Java CSDL - Bài 1: Java swing - Nguyễn Hữu Thế

Nội dung text: Giáo trình Lập trình Java CSDL - Bài 1: Java swing - Nguyễn Hữu Thế

1. LẬP TRÌNH JAVA CSDL Bài 1 JAVA SWING Nguyễn Hữu Thể 1
2. Nội dung Graphical User Interface JFrame JDialog JDesktopPane & JInternalFrame JPanel 2
3. Graphical User Interface - GUI Các ứng dụng hiện nay trình bày với giao diện đồ họa đẹp mắt. Các ngôn ngữ lập trình hiện nay đã cung cấp các đối tượng đồ họa để thực hiện việc này. 3
4. Graphical User Interface - GUI Graphical User Interface (GUI) . 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. 4
5. Graphical User Interface - GUI GUI = Container + Components There are two types of GUI elements: . Component: Components are elementary GUI entities (such as Button, Label, and TextField.) . Container: Containers (such as Frame, Panel and Applet) are used to hold components in a specific layout. A container can also hold sub-containers.
6. Graphical User Interface - GUI Một phần tử (element) GUI được thiết lập bằng cách sử dụng thủ tục sau: . Tạo đối tượng . Xác định sự xuất hiện ban đầu của đối tượng . Chỉ ra nó nằm ở đâu . Thêm phần tử vào giao diện trên màn hình Một thành phần (component) GUI là một đối tượng trực quan. Người dùng tương tác với đối tượng này thông qua con trỏ chuột hay bàn phím. 6
7. Graphical User Interface - GUI Ví dụ: Panel panel = new Panel(); // Panel is a Container Button btn = new Button(); // Button is a Component panel.add(btn); // The Panel Container adds a Button Component 7
8. Graphical User Interface - GUI Java cung cấp 2 gói GUI . AWT: Abstract Windowing Toolkit . Swing 8
9. AWT Top-Level Containters: Frame, Dialog and Applet Each GUI program has a top-level container. The commonly- used top-level containers in AWT are Frame, Dialog and Applet: . A Frame provides the "main window" for the GUI application, which has a title bar (containing an icon, a title, the minimize, maximize/restore-down and close buttons), an optional menu bar, and the content display area. . To write a GUI program, we typically start with a subclass extending from java.awt.Frame to inherit the main window as follows: 9
10. Cấu trúc gói AWT
11. Cấu trúc gói Swing
12. Cấu trúc gói Swing
13. Swing Swing là gói thư viện dựa trên mô hình MVC do Java cung cấp, dùng để thiết kế giao diện người dùng. Phần lớn, các thành phần (component) của Swing được dẫn xuất từ lớp cha là Jcomponent được thừa kế (extends) từ lớp Container của AWT. Swing hỗ trợ công nghệ gọi là “Pluggable – Look – And – Feel ” (PLAF), nơi mà các thành phần có thể trình bày trên mọi hệ điều hành. . Ví dụ: trên hệ diều hành linux, một nút (button) có thể nhìn giống như trên hệ điều hành Window.
14. Swing Swing components support pluggable look-and-feel. You can choose between Java look-and-feel and the look-and-feel of the underlying OS (e.g., Windows, UNIX or Mac). If the later is chosen, a Swing button runs on the Windows looks like a Windows' button and feels like a Window's button. Similarly, a Swing button runs on the UNIX looks like a UNIX's button and feels like a UNIX's button.
15. 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.
16. Đưa 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 vào GUI.
17. Container Container: Đối tượng chứa các element, cho phép vẽ, tô màu lên container. Frame và Panel là các class thường dùng. Panel thường dùng để chứa các element trong 1 GUI phức tạp, 1 Frame có thể chứa nhiều Panel. Panel, Applet thường dùng để tạo 1 ứng dụng nhúng vào Browser.
18. JFrame JFrame được sử dụng làm giao diện chính trong ứng dụng Swing (top-level windows) Hầu hết các ứng dụng Swing được xây dựng từ JFrame Tất cả các đối tượng liên quan tới JFrame được quản lý bởi đứa con duy nhất của nó, một thể hiện (instance) của JRootPane. 20
19. JFrame - JRootPane JRootPane có 4 phần chính 21
20. JFrame - ContentPane Khi thêm các thành phần (component ) vào JFrame chúng ta không thêm trực tiếp Các thành phần sẽ thêm vào ContentPane bằng cách gọi phương thức: . getContentPane().add(component); 22
21. JFrame - ContentPane 23
22. JFrame - GlassPane Theo mặc định thì GlassPane bị ẩn GlassPane có thể là mọi thành phần trong Swing nhưng thành phần mặc định là Jpanel. Để thay đổi thành phần mặc định này sang thành phần khác chúng ta sử dụng phương thức . setGlassPane(component); Nếu muốn nhìn thấy GlassPane như thế nào thì sử dụng phương thức sau: . getGlassPane().setvisible(true); 24
23. JFrame – Cấu trúc class package jframe; //Tên package public class MyFrame extends javax.swing.JFrame { public MyFrame() { initComponents(); } private void initComponents() { //Các thành phần khởi tạo } public static void main(String args[]) { //Gọi thực hiện JFrame } } 25
24. JFrame - Cấu trúc class trên Netbean package jframe; public class MyFrame extends javax.swing.JFrame { public MyFrame() { initComponents(); } private void initComponents() { setDefaultCloseOperation( javax.swing.WindowConstants.EXIT_ON_CLOSE); // pack(); } public static void main(String args[]) { java.awt.EventQueue.invokeLater(new Runnable() { public void run() { new MyFrame().setVisible(true); } }); } 26 }
25. JFrame - Một số phương thức Constructor JFrame() Constructs a new frame that is initially invisible. JFrame(GraphicsConfiguration gc) Creates a Frame in the specified GraphicsConfiguration of a screen device and a blank title. JFrame(String title) Creates a new, initially invisible Frame with the specified title. JFrame(String title, GraphicsConfiguration gc) Creates a JFrame with the specified title and the specified GraphicsConfiguration of a screen device 27
26. JFrame - Một số phương thức public void setDefaultCloseOperation(int operation); Phương thức mặc định khi đóng JFrame. - 4 kiểu: • WindowContants.DO_NOTHING_ON_CLOSE • WindowContants.HIDE_ON_CLOSE • WindowContants.DISPOSE_ON_CLOSE • WindowContants.EXIT_ON_CLOSE 28
27. JFrame - Một số phương thức DO_NOTHING_ON_CLOSE (defined in WindowConstants): Don't do anything; require the program to handle the operation in the windowClosing method of a registered WindowListener object. HIDE_ON_CLOSE (defined in WindowConstants): Automatically hide the frame after invoking any registered WindowListener objects. DISPOSE_ON_CLOSE (defined in WindowConstants): Automatically hide and dispose the frame after invoking any registered WindowListener objects. EXIT_ON_CLOSE (defined in JFrame): Exit the application using the System exit method. Use this only in applications. 29
28. JFrame - Một số phương thức public void setExtendedState(int state); Gán trạng thái của JFrame  5 kiểu – JFrame.NORMAL – JFrame.ICONIFIED – JFrame.MAXIMIZED_HORIZ – JFrame.MAXIMIZED_VERT – JFrame.MAXIMIZED_BOTH 30
29. JFrame - Một số phương thức public void setResizable(boolean resizable); . true: Cho phép thay đổi kích thước . false: không cho phép public void setTitle(String title); . Gán tựa đề cho JFrame public void setBackground(Color c); . Gán màu nền cho JFrame public void setForeground(Color c); . Gán màu chữ cho JFrame 31
30. JFrame - Một số phương thức public void setIconImage(Image image); • Gán hình ảnh Icon cho JFrame public void setSize(Dimension d); public void setSize(int width, int height); • Gán kích thước cho JFrame public void setLocation(Point p); public void setLocation(int x, int y); • Gán vị trí cho JFrame public void setVisible(boolean visible); • true : hiện JFrame • false : ẩn Jframe Tương tự cho các phương thức get/is 32
31. JFrame - Một số phương thức public void dispose(); • Hủy public Containter getCotentPane() • getContentPane.add 33
32. Ví dụ 1 34
33. Ví dụ 2 import javax.swing.*; public class MyFrame2 extends JFrame { private JButton bt; public MyFrame2() { super(); this.initComponents(); } private void initComponents() { this.setTitle("Ví dụ 2"); //JFrame this.setSize(200, 100); this.setExtendedState(JFrame.NORMAL); this.bt=new JButton(); //JButon this.bt.setText("Button Hello"); this.add(this.bt); } public static void main(String[] args) { MyFrame2 frm = new MyFrame2(); frm.setVisible(true); } 35 }
34. Ví dụ 3 – Tool Netbean package jframe; public class MyFrame2 extends javax.swing.JFrame { public MyFrame2() { initComponents(); } private void initComponents() { // } public static void main(String args[]) { java.awt.EventQueue.invokeLater(new Runnable() { public void run() { new MyFrame2().setVisible(true); } }); } private javax.swing.JButton btHello; } 36
35. private void initComponents() { btHello = new javax.swing.JButton(); setDefaultCloseOperation( javax.swing.WindowConstants.EXIT_ON_CLOSE); setTitle("Vi du 2"); setFont(new java.awt.Font("Tahoma", 0, 10)); btHello.setText("Button Hello"); javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane()); getContentPane().setLayout(layout); layout.setHorizontalGroup(layout.createParallelGroup( javax.swing.GroupLayout.Alignment.LEADING) .addGroup(javax.swing.GroupLayout.Alignment.TRAILING, layout.createSequentialGroup() .addContainerGap(67, Short.MAX_VALUE) .addComponent(btHello).addGap(64, 64, 64)) ); layout.setVerticalGroup(layout.createParallelGroup( javax.swing.GroupLayout.Alignment.LEADING) .addGroup(layout.createSequentialGroup() .addGap(32, 32, 32).addComponent(btHello) .addContainerGap(39, Short.MAX_VALUE)) ); pack(); 37 }
36. JDialog Sử dụng JDialog nhập liệu hoặc xuất liệu JDialog có 2 trạng thái . Modal: Khi JDialog thực hiện xong mới được phép thao tác lên form cha. . Modeless: Sau khi hiển thị dialog, người dùng có thể thao tác lên form cha JDialog thường được sử dụng với trạng thái Modal 38
37. JDialog – Cấu trúc class public class MyDialogForm extends javax.swing.JDialog { public MyDialogForm(java.awt.Frame parent, boolean modal) { super(parent, modal); initComponents(); } private void initComponents() { // } public static void main(String args[]) { // } } 39
38. JDialog with Netbean public class MyDialogForm extends javax.swing.JDialog { publicJDialog MyDialogForm(java.awt.Frame parent, boolean modal) { super(parent, modal); initComponents(); } private void initComponents() { setDefaultCloseOperation(javax.swing.WindowConstants.DISPOSE_ON_CLOSE); // pack(); } public static void main(String args[]) { java.awt.EventQueue.invokeLater(new Runnable() { public void run() { MyDialogForm dialog = new MyDialogForm( new javax.swing.JFrame(), true); dialog.addWindowListener(new java.awt.event.WindowAdapter() { @Override public void windowClosing(java.awt.event.WindowEvent e) { System.exit(0); } }); dialog.setVisible(true); } }); } 40 }
39. Hiển thị JDialog //JFrame hoặc JDialog khác gọi private void jbuttonActionPerformed(ActionEvent evt){ DialogName dlg=new DialogName (this, true); //Gán dữ liệu cho dlg thông qua set (nếu có) dlg.setVisible(true); //Lấy dữ liệu cho dlg thông qua get (nếu có) } 41
40. JDialog - Một số phương thức public void setDefaultCloseOperation(int operation); Gán phương thức mặc định khi người dùng đóng Dialog Có 3 lựa chọn sau: – WindowContants.DO_NOTHING_ON_CLOSE – WindowContants.HIDE_ON_CLOSE – WindowContants.DISPOSE_ON_CLOSE 42
41. JDialog - Một số phương thức public void setResizable(boolean resizable); . true: Cho phép thay đổi kích thước . false: không cho phép public void setTitle(String title); . Gán tựa đề cho JDialog public void setBackground(Color c); . Gán màu nền cho JFrame public void setForeground(Color c); . Gán màu chữ cho JFrame 43
42. JDialog - Một số phương thức public void setIconImage(Image image); . Gán hình ảnh Icon cho JFrame public void setSize(Dimension d); public void setSize(int width, int height); . Gán kích thước cho JFrame public void setLocation(Point p); public void setLocation(int x, int y); . Gán vị trí cho JFrame public void setVisible(boolean visible); . true : hiện JFrame . false : ẩn Jframe 44
43. JDialog - Một số phương thức public void setModal(boolean modal); . true: Modal . false : Modeless public void dispose(); . Hủy public Containter getCotentPane() . getContentPane.add Tương tự cho các phương thức get/is 45
44. JDesktopPane JDesktopPane được sử dụng để xây dựng ứng dụng MDI JDesktopPane thường là một thành phần bên trong JFrame JDesktopPane chứa các JInternalFrame bên trong 46
45. JDesktopPane - Một số phương thức public void add(Component component); . component : thường là JInternalFrame public JInternalFrame getSelectedFrame(); . Lấy JInternalFrame đang được chọn public JInternalFrame [] getAllFrames(); . Lấy tất cả các JInternalFrame bên tro JDesktopPane() . Constructor 47
46. JInternalFrame JInternalFrame được sử dụng để đưa vào bên trong JDesktopPane của JFrame để xây dựng ứng dụng MDI. Các bước xây dựng ứng dụng MDI: . Bước 1: Xây dựng một hay nhiều JInternalFrame . Bước 2:Tạo một JFrame có một JDesktopPane bên trong . Bước 3: Gắn JInternalFrame vào bên trong JDesktopPane 48
47. JInternalFrame – Một số phương thức Các phương thức của JInternalFrame tương tự như JFrame 49
48. JPanel JPanel được sử dụng gom nhóm các control bên trong, có thể được sử dụng như một user control. JPanel được sử dụng như một thành phần bên trong JFrame, JDialog, JInternalFrame, hoặc trong một JPanel khác. 50
49. JPanel Constructors . Panel(): tạo 1 panel với bố cục mặc định. . Panel(LayoutManager layout): tạo 1 panel với bố cục đã biết. Methods . add (component) // thêm 1 component vào panel . setLayout(LayoutManager layout) //chọn kiểu bố trí components 51