《Java程序設(shè)計教學(xué)課件第十章 圖形用戶界面》由會員分享，可在線閱讀，更多相關(guān)《Java程序設(shè)計教學(xué)課件第十章 圖形用戶界面（28頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、第十章 圖形用戶界面華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterContents界面布局界面布局事件處理過程事件處理過程常用的圖形組件常用的圖形組件Swing和和AWT圖形用戶界面基本元素圖形用戶界面基本元素華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形用戶界面基本元素圖形用戶界面基本元素v圖形用戶界面（圖形用戶界面（GUI） 可以使程序提供獨特的視覺效果 提高軟件易用性 使用鼠標(biāo)和鍵盤操作 $javahome$/d

2、emo/jfc/SwingSet2華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形用戶界面基本元素圖形用戶界面基本元素v常見的圖形界面元素 基本組件 文本框、按鈕、輸入框 單選/多選按鈕、下拉框/復(fù)選框 容器 可放置基本組件的組件 窗體、面板、框架 所有的組件都必須存在于容器之中 頂層容器Container華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterAWT和和SwingvAWTAbstract Window Toolkit 圖形界面是平臺相關(guān)的圖形界面是平臺相關(guān)的

3、 AWT是重量級的，依賴本地代碼實現(xiàn)是重量級的，依賴本地代碼實現(xiàn) 不同平臺外觀有差異不同平臺外觀有差異vSwing輕量級純輕量級純Java的圖形庫的圖形庫 基于基于AWT，更豐富，功能更強大，更豐富，功能更強大 不同平臺外觀一致不同平臺外觀一致 犧牲了性能犧牲了性能vSWT華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心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組件組件華中科技大學(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 &

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;華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心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、);華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心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 華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center圖形組件測試圖形組件測試v運行結(jié)果華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件驅(qū)動事件驅(qū)動v圖形界面程序是通過事件來驅(qū)動的圖形界面程序是通過事件來驅(qū)動的 當(dāng)用戶對圖形組件進行操作時產(chǎn)生事件當(dāng)用戶對圖形組件進行

10、操作時產(chǎn)生事件 如鼠標(biāo)點擊按鈕、在輸入框中輸入文字等如鼠標(biāo)點擊按鈕、在輸入框中輸入文字等 事件對象用于記錄事件詳細(xì)內(nèi)容事件對象用于記錄事件詳細(xì)內(nèi)容 java.awt.AWTEvent華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件處理模型事件處理模型v事件處理模型中的三要素事件處理模型中的三要素 事件源對象事件源對象 即產(chǎn)生事件的圖形組件如按鈕、文本框等即產(chǎn)生事件的圖形組件如按鈕、文本框等 事件對象事件對象 記錄事件的對象，由系統(tǒng)產(chǎn)生記錄事件的對象，由系統(tǒng)產(chǎn)生 事件監(jiān)聽對象事件監(jiān)聽對象捕獲并處理事件的對象捕獲并處理事件的對象v程

11、序員的工作程序員的工作 將事件監(jiān)聽對象注冊到事件源對象將事件監(jiān)聽對象注冊到事件源對象 編寫處理事件的代碼編寫處理事件的代碼華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的事件類常用的事件類vGUI事件類層次結(jié)構(gòu)事件類層次結(jié)構(gòu)java.lang.Objectjava.awt.AWTEventActionEventItemEventAdjustmentEventComponentEventjava.util.EventObjectContainerEventPaintEventFocusEventWindowEventInputE

12、ventKeyEventMouseEvent華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的事件監(jiān)聽接口常用的事件監(jiān)聽接口v事件監(jiān)聽接口層次結(jié)構(gòu)事件監(jiān)聽接口層次結(jié)構(gòu)java.util.EventListenerActionListenerComponentListenerAdjustmentListenerContainerListenerMouseListenerTextListenerItemListenerFocusListenerKeyListenerMouseMotionListenerWindowListener華

13、中科技大學(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 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 華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心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 華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常見的事件類和監(jiān)聽接口常見的事件類和監(jiān)聽接口v不同的事件源根據(jù)用戶的操作可能產(chǎn)生

16、不同的事件對象，并由相應(yīng)的事件監(jiān)聽對象處理事件源產(chǎn)生的事件需要實現(xiàn)的監(jiān)聽接口JButtonActionEventActionListenerJCheckBoxJRadioButtonJTextFieldTextEventTextListenerKeyEventKeyListenerJComboBoxItemEventItemListenerJList華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center鼠標(biāo)事件類和監(jiān)聽接口鼠標(biāo)事件類和監(jiān)聽接口v所有的圖形組件都能產(chǎn)生鼠標(biāo)事件 java.awt.event.MouseEventv處理不同的鼠

17、標(biāo)操作應(yīng)實現(xiàn)不同的接口 鼠標(biāo)點擊、鼠標(biāo)進入組件、鼠標(biāo)離開組件 實現(xiàn)MouseListener接口 鼠標(biāo)在組件中移動和拖動 實現(xiàn)MouseMotionListenerv查看Java API文檔，實現(xiàn)這些接口應(yīng)該定義哪些方法？華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center事件適配器事件適配器v由JavaAPI提供的實現(xiàn)了相應(yīng)事件監(jiān)聽接口的抽象類，可直接使用而無需定義額外的事件處理類，從而簡化事件處理代碼 addMouseListener(new MouseAdapter() mouseClicked(MouseEvent event)

18、 / );華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center界面布局界面布局v設(shè)計圖形界面時，程序員應(yīng)該考慮組件在容器中的位置、大小和組件之間的排列方式v如果沒有使用布局管理器，程序員需要確定每個組件的大小和在容器中的坐標(biāo)： JButton btn = new JButton(“Ok”); btn.setBounds(10, 20, 60, 20); add(btn); 當(dāng)窗口大小改變時，組件不會自動調(diào)整位置和大小華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center布局管理器布

19、局管理器vJava使用布局管理器簡化組件布局工作 決定圖形組件的排列形式 實現(xiàn)接口java.awt.LayoutManagerv使用布局管理器的好處 當(dāng)程序窗口尺寸改變時，布局管理器能自動調(diào)整組件的位置和大小華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. Center常用的界面布局形式常用的界面布局形式v常用的布局管理器 FlowLayout BorderLayout BoxLayout CardLayout GridLayout GridBagLayoutv通過容器組件的setLayout()方法設(shè)置容器中的組件排列形式，如： setLayo

20、ut(new FlowLayout();華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心HUST & IBM Computer Tech. CenterFlowLayoutv最簡單的界面布局方式，從左至右、從上至下按順序依次擺放組件： setLayout(new FlowLayout(); add(button1); add(button2); add(button3); add(button4); add(button5);華中科技大學(xué)華中科技大學(xué)IBM技術(shù)中心技術(shù)中心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);華中科技大學(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)格，每個組件可占用多個網(wǎng)格。通常還需要使用GridBagConstraints對象設(shè)置組件占用的格數(shù)和方位。加入組件前，需要調(diào)用布局管理器對象的setConstraints()方法設(shè)置組件的顯示約束。歡迎提問歡迎提問