第十章 圖形用戶界面華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterContents界面布局界面布局事件處理過(guò)程事件處理過(guò)程常用的圖形組件常用的圖形組件Swing和和AWT圖形用戶界面基本元素圖形用戶界面基本元素華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形用戶界面基本元素圖形用戶界面基本元素v圖形用戶界面（圖形用戶界面（GUI） 可以使程序提供獨(dú)特的視覺(jué)效果 提高軟件易用性 使用鼠標(biāo)和鍵盤操作 $javahome$/demo/jfc/SwingSet2華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形用戶界面基本元素圖形用戶界面基本元素v常見(jiàn)的圖形界面元素 基本組件 文本框、按鈕、輸入框 單選/多選按鈕、下拉框/復(fù)選框 容器 可放置基本組件的組件 窗體、面板、框架 所有的組件都必須存在于容器之中 頂層容器Container華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterAWT和和SwingvAWTAbstract Window Toolkit 圖形界面是平臺(tái)相關(guān)的圖形界面是平臺(tái)相關(guān)的 AWT是重量級(jí)的，依賴本地代碼實(shí)現(xiàn)是重量級(jí)的，依賴本地代碼實(shí)現(xiàn) 不同平臺(tái)外觀有差異不同平臺(tái)外觀有差異vSwing輕量級(jí)純輕量級(jí)純Java的圖形庫(kù)的圖形庫(kù) 基于基于AWT，更豐富，功能更強(qiáng)大，更豐富，功能更強(qiáng)大 不同平臺(tái)外觀一致不同平臺(tái)外觀一致 犧牲了性能犧牲了性能vSWT華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的圖形組件常用的圖形組件vAWT java.awt.* Label、Button、List、TextField Frame、Panel、ContainervSwing javax.swing.* JLabel、JButton、Jlist、JTextField JFrame、JPanelv不要在容器中混合使用不要在容器中混合使用AWT和和Swing組件組件華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的圖形組件常用的圖形組件組件類名描述JLabel不可編輯的文本行（可帶圖標(biāo)）JTextField可編輯的文本行JButton按鈕JCheckBox復(fù)選框JRadioButton單選框JComboBox下拉框JPanel面板JFrame框架v 更多組件可參考javax.swing.*華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形組件測(cè)試圖形組件測(cè)試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 list;華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形組件測(cè)試圖形組件測(cè)試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);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);華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形組件測(cè)試圖形組件測(cè)試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 main(String args) v GUITest test = new GUITest();v test.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);v v 華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形組件測(cè)試圖形組件測(cè)試v運(yùn)行結(jié)果華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件驅(qū)動(dòng)事件驅(qū)動(dòng)v圖形界面程序是通過(guò)事件來(lái)驅(qū)動(dòng)的圖形界面程序是通過(guò)事件來(lái)驅(qū)動(dòng)的 當(dāng)用戶對(duì)圖形組件進(jìn)行操作時(shí)產(chǎn)生事件當(dāng)用戶對(duì)圖形組件進(jìn)行操作時(shí)產(chǎn)生事件 如鼠標(biāo)點(diǎn)擊按鈕、在輸入框中輸入文字等如鼠標(biāo)點(diǎn)擊按鈕、在輸入框中輸入文字等 事件對(duì)象用于記錄事件詳細(xì)內(nèi)容事件對(duì)象用于記錄事件詳細(xì)內(nèi)容 java.awt.AWTEvent華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件處理模型事件處理模型v事件處理模型中的三要素事件處理模型中的三要素 事件源對(duì)象事件源對(duì)象 即產(chǎn)生事件的圖形組件如按鈕、文本框等即產(chǎn)生事件的圖形組件如按鈕、文本框等 事件對(duì)象事件對(duì)象 記錄事件的對(duì)象，由系統(tǒng)產(chǎn)生記錄事件的對(duì)象，由系統(tǒng)產(chǎn)生 事件監(jiān)聽(tīng)對(duì)象事件監(jiān)聽(tīng)對(duì)象捕獲并處理事件的對(duì)象捕獲并處理事件的對(duì)象v程序員的工作程序員的工作 將事件監(jiān)聽(tīng)對(duì)象注冊(cè)到事件源對(duì)象將事件監(jiān)聽(tīng)對(duì)象注冊(cè)到事件源對(duì)象 編寫處理事件的代碼編寫處理事件的代碼華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的事件類常用的事件類vGUI事件類層次結(jié)構(gòu)事件類層次結(jié)構(gòu)java.lang.Objectjava.awt.AWTEventActionEventItemEventAdjustmentEventComponentEventjava.util.EventObjectContainerEventPaintEventFocusEventWindowEventInputEventKeyEventMouseEvent華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的事件監(jiān)聽(tīng)接口常用的事件監(jiān)聽(tīng)接口v事件監(jiān)聽(tīng)接口層次結(jié)構(gòu)事件監(jiān)聽(tīng)接口層次結(jié)構(gòu)java.util.EventListenerActionListenerComponentListenerAdjustmentListenerContainerListenerMouseListenerTextListenerItemListenerFocusListenerKeyListenerMouseMotionListenerWindowListener華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心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 JButton(Click Me);v EventHandler handler = new EventHandler();v container.add(button);v setSize(200,100);v setVisible(true);v button.addActionListener(handler);v 華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件處理示例事件處理示例v class EventHandler implements ActionListener v public void actionPerformed(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 華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常見(jiàn)的事件類和監(jiān)聽(tīng)接口常見(jiàn)的事件類和監(jiān)聽(tīng)接口v不同的事件源根據(jù)用戶的操作可能產(chǎn)生不同的事件對(duì)象，并由相應(yīng)的事件監(jiān)聽(tīng)對(duì)象處理事件源產(chǎn)生的事件需要實(shí)現(xiàn)的監(jiān)聽(tīng)接口JButtonActionEventActionListenerJCheckBoxJRadioButtonJTextFieldTextEventTextListenerKeyEventKeyListenerJComboBoxItemEventItemListenerJList華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center鼠標(biāo)事件類和監(jiān)聽(tīng)接口鼠標(biāo)事件類和監(jiān)聽(tīng)接口v所有的圖形組件都能產(chǎn)生鼠標(biāo)事件 java.awt.event.MouseEventv處理不同的鼠標(biāo)操作應(yīng)實(shí)現(xiàn)不同的接口 鼠標(biāo)點(diǎn)擊、鼠標(biāo)進(jìn)入組件、鼠標(biāo)離開(kāi)組件 實(shí)現(xiàn)MouseListener接口 鼠標(biāo)在組件中移動(dòng)和拖動(dòng) 實(shí)現(xiàn)MouseMotionListenerv查看Java API文檔，實(shí)現(xiàn)這些接口應(yīng)該定義哪些方法？華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件適配器事件適配器v由JavaAPI提供的實(shí)現(xiàn)了相應(yīng)事件監(jiān)聽(tīng)接口的抽象類，可直接使用而無(wú)需定義額外的事件處理類，從而簡(jiǎn)化事件處理代碼 addMouseListener(new MouseAdapter() mouseClicked(MouseEvent event) / );華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center界面布局界面布局v設(shè)計(jì)圖形界面時(shí)，程序員應(yīng)該考慮組件在容器中的位置、大小和組件之間的排列方式v如果沒(méi)有使用布局管理器，程序員需要確定每個(gè)組件的大小和在容器中的坐標(biāo)： JButton btn = new JButton(“Ok”); btn.setBounds(10, 20, 60, 20); add(btn); 當(dāng)窗口大小改變時(shí)，組件不會(huì)自動(dòng)調(diào)整位置和大小華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center布局管理器布局管理器vJava使用布局管理器簡(jiǎn)化組件布局工作 決定圖形組件的排列形式 實(shí)現(xiàn)接口java.awt.LayoutManagerv使用布局管理器的好處 當(dāng)程序窗口尺寸改變時(shí)，布局管理器能自動(dòng)調(diào)整組件的位置和大小華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的界面布局形式常用的界面布局形式v常用的布局管理器 FlowLayout BorderLayout BoxLayout CardLayout GridLayout GridBagLayoutv通過(guò)容器組件的setLayout()方法設(shè)置容器中的組件排列形式，如： setLayout(new FlowLayout();華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterFlowLayoutv最簡(jiǎn)單的界面布局方式，從左至右、從上至下按順序依次擺放組件： setLayout(new FlowLayout(); add(button1); add(button2); add(button3); add(button4); add(button5);華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterBorderLayoutv按東南西北中五個(gè)區(qū)域擺放組件，通常作為窗口主框架 setLayout(new BorderLayout(); add(“North”, button1); add(“West”, button2); add(“East”, button3); add(“South”, button4); add(“Center”, button5);華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterGridLayoutv各組件占用相等的格空間 setLayout(new GridLayout(3, 2); add(button1); add(button2); add(button3); add(button4); add(button5);華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterGridBagLayoutv最復(fù)雜、最靈活的布局方式，將容器空間劃分成網(wǎng)格，每個(gè)組件可占用多個(gè)網(wǎng)格。通常還需要使用GridBagConstraints對(duì)象設(shè)置組件占用的格數(shù)和方位。加入組件前，需要調(diào)用布局管理器對(duì)象的setConstraints()方法設(shè)置組件的顯示約束。歡迎提問(wèn)歡迎提問(wèn)