《Java程序設計教學課件第十章 圖形用戶界面》由會員分享,可在線閱讀,更多相關《Java程序設計教學課件第十章 圖形用戶界面(28頁珍藏版)》請在裝配圖網上搜索。
1、第十章 圖形用戶界面華中科技大學華中科技大學IBM技術中心技術中心華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. CenterContents界面布局界面布局事件處理過程事件處理過程常用的圖形組件常用的圖形組件Swing和和AWT圖形用戶界面基本元素圖形用戶界面基本元素華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center圖形用戶界面基本元素圖形用戶界面基本元素v圖形用戶界面(圖形用戶界面(GUI) 可以使程序提供獨特的視覺效果 提高軟件易用性 使用鼠標和鍵盤操作 $javahome$/d
2、emo/jfc/SwingSet2華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center圖形用戶界面基本元素圖形用戶界面基本元素v常見的圖形界面元素 基本組件 文本框、按鈕、輸入框 單選/多選按鈕、下拉框/復選框 容器 可放置基本組件的組件 窗體、面板、框架 所有的組件都必須存在于容器之中 頂層容器Container華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. CenterAWT和和SwingvAWTAbstract Window Toolkit 圖形界面是平臺相關的圖形界面是平臺相關的
3、 AWT是重量級的,依賴本地代碼實現是重量級的,依賴本地代碼實現 不同平臺外觀有差異不同平臺外觀有差異vSwing輕量級純輕量級純Java的圖形庫的圖形庫 基于基于AWT,更豐富,功能更強大,更豐富,功能更強大 不同平臺外觀一致不同平臺外觀一致 犧牲了性能犧牲了性能vSWT華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center常用的圖形組件常用的圖形組件vAWT java.awt.* Label、Button、List、TextField Frame、Panel、ContainervSwing javax.swing.* JLabel、J
4、Button、Jlist、JTextField JFrame、JPanelv不要在容器中混合使用不要在容器中混合使用AWT和和Swing組件組件華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center常用的圖形組件常用的圖形組件組件類名描述JLabel不可編輯的文本行(可帶圖標)JTextField可編輯的文本行JButton按鈕JCheckBox復選框JRadioButton單選框JComboBox下拉框JPanel面板JFrame框架v 更多組件可參考javax.swing.*華中科技大學華中科技大學IBM技術中心技術中心HUST &
5、IBM Computer Tech. Center圖形組件測試圖形組件測試v import java.awt.*;v import javax.swing.*;v public class GUITest extends JFrame v private JLabel label;v private JButton button;v private JCheckBox checkbox;v private JRadioButton rbutton;v private JTextField textfield;v private JComboBox cbox;v private JList li
6、st;華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center圖形組件測試圖形組件測試v public GUITest() v super(GUI Test);v Container container = getContentPane();v container.setLayout(new FlowLayout();v label = new JLabel(Im JLabel);v button = new JButton(Im JButton);v rbutton = new JRadioButton(Im JRadioButton);
7、v textfield = new JTextField(10);v textfield.setText(Im JTextField);v checkbox = new JCheckBox(Im JCheckBox);v cbox = new JComboBox();v cbox.addItem(JComboBox item 1);v cbox.addItem(JComboBox item 2);v list = new JList();v String data = JList data 1,JList data 2, JList data 3;v list.setListData(data
8、);華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center圖形組件測試圖形組件測試v container.add(label);v container.add(button);v container.add(checkbox);v container.add(rbutton);v container.add(textfield);v container.add(cbox);v container.add(list);v setSize(300,200);v setVisible(true);v v public static void m
9、ain(String args) v GUITest test = new GUITest();v test.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);v v 華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center圖形組件測試圖形組件測試v運行結果華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center事件驅動事件驅動v圖形界面程序是通過事件來驅動的圖形界面程序是通過事件來驅動的 當用戶對圖形組件進行操作時產生事件當用戶對圖形組件進行
10、操作時產生事件 如鼠標點擊按鈕、在輸入框中輸入文字等如鼠標點擊按鈕、在輸入框中輸入文字等 事件對象用于記錄事件詳細內容事件對象用于記錄事件詳細內容 java.awt.AWTEvent華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center事件處理模型事件處理模型v事件處理模型中的三要素事件處理模型中的三要素 事件源對象事件源對象 即產生事件的圖形組件如按鈕、文本框等即產生事件的圖形組件如按鈕、文本框等 事件對象事件對象 記錄事件的對象,由系統(tǒng)產生記錄事件的對象,由系統(tǒng)產生 事件監(jiān)聽對象事件監(jiān)聽對象捕獲并處理事件的對象捕獲并處理事件的對象v程
11、序員的工作程序員的工作 將事件監(jiān)聽對象注冊到事件源對象將事件監(jiān)聽對象注冊到事件源對象 編寫處理事件的代碼編寫處理事件的代碼華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center常用的事件類常用的事件類vGUI事件類層次結構事件類層次結構java.lang.Objectjava.awt.AWTEventActionEventItemEventAdjustmentEventComponentEventjava.util.EventObjectContainerEventPaintEventFocusEventWindowEventInputE
12、ventKeyEventMouseEvent華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center常用的事件監(jiān)聽接口常用的事件監(jiān)聽接口v事件監(jiān)聽接口層次結構事件監(jiān)聽接口層次結構java.util.EventListenerActionListenerComponentListenerAdjustmentListenerContainerListenerMouseListenerTextListenerItemListenerFocusListenerKeyListenerMouseMotionListenerWindowListener華
13、中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center事件處理示例事件處理示例v import java.awt.*;v import java.awt.event.*;v import javax.swing.*;v public class EventTest extends JFrame v private JButton button;v public EventTest() v super(Event Test);v Container container = getContentPane();v button = new JBu
14、tton(Click Me);v EventHandler handler = new EventHandler();v container.add(button);v setSize(200,100);v setVisible(true);v button.addActionListener(handler);v 華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center事件處理示例事件處理示例v class EventHandler implements ActionListener v public void actionPerform
15、ed(ActionEvent event) v (JButton)event.getSource().setText(Im Clicked);v v v public static void main(String args) v EventTest app = new EventTest();v app.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);v v 華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center常見的事件類和監(jiān)聽接口常見的事件類和監(jiān)聽接口v不同的事件源根據用戶的操作可能產生
16、不同的事件對象,并由相應的事件監(jiān)聽對象處理事件源產生的事件需要實現的監(jiān)聽接口JButtonActionEventActionListenerJCheckBoxJRadioButtonJTextFieldTextEventTextListenerKeyEventKeyListenerJComboBoxItemEventItemListenerJList華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center鼠標事件類和監(jiān)聽接口鼠標事件類和監(jiān)聽接口v所有的圖形組件都能產生鼠標事件 java.awt.event.MouseEventv處理不同的鼠
17、標操作應實現不同的接口 鼠標點擊、鼠標進入組件、鼠標離開組件 實現MouseListener接口 鼠標在組件中移動和拖動 實現MouseMotionListenerv查看Java API文檔,實現這些接口應該定義哪些方法?華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center事件適配器事件適配器v由JavaAPI提供的實現了相應事件監(jiān)聽接口的抽象類,可直接使用而無需定義額外的事件處理類,從而簡化事件處理代碼 addMouseListener(new MouseAdapter() mouseClicked(MouseEvent event)
18、 / );華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center界面布局界面布局v設計圖形界面時,程序員應該考慮組件在容器中的位置、大小和組件之間的排列方式v如果沒有使用布局管理器,程序員需要確定每個組件的大小和在容器中的坐標: JButton btn = new JButton(“Ok”); btn.setBounds(10, 20, 60, 20); add(btn); 當窗口大小改變時,組件不會自動調整位置和大小華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center布局管理器布
19、局管理器vJava使用布局管理器簡化組件布局工作 決定圖形組件的排列形式 實現接口java.awt.LayoutManagerv使用布局管理器的好處 當程序窗口尺寸改變時,布局管理器能自動調整組件的位置和大小華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. Center常用的界面布局形式常用的界面布局形式v常用的布局管理器 FlowLayout BorderLayout BoxLayout CardLayout GridLayout GridBagLayoutv通過容器組件的setLayout()方法設置容器中的組件排列形式,如: setLayo
20、ut(new FlowLayout();華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. CenterFlowLayoutv最簡單的界面布局方式,從左至右、從上至下按順序依次擺放組件: setLayout(new FlowLayout(); add(button1); add(button2); add(button3); add(button4); add(button5);華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. CenterBorderLayoutv按東南西北中五個區(qū)域擺放組件,通常作
21、為窗口主框架 setLayout(new BorderLayout(); add(“North”, button1); add(“West”, button2); add(“East”, button3); add(“South”, button4); add(“Center”, button5);華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. CenterGridLayoutv各組件占用相等的格空間 setLayout(new GridLayout(3, 2); add(button1); add(button2); add(button3); add(button4); add(button5);華中科技大學華中科技大學IBM技術中心技術中心HUST & IBM Computer Tech. CenterGridBagLayoutv最復雜、最靈活的布局方式,將容器空間劃分成網格,每個組件可占用多個網格。通常還需要使用GridBagConstraints對象設置組件占用的格數和方位。加入組件前,需要調用布局管理器對象的setConstraints()方法設置組件的顯示約束。歡迎提問歡迎提問