第9章圖形用戶界面

2015-11-17第9章

圖形用戶界面9.1圖形用戶界面概述圖形用戶界面主要由以下幾部分組成：1.容器——可以容納其他組件的組件。2.標(biāo)準(zhǔn)組件——圖形用戶界面的基本單位，不能包含其他的成分。3.布局管理器——管理各類組件在容器中的位置、組件的大小及排列順序等。9.1.2java.awt軟件包抽象窗口工具AWT(AbstractWindowTookit)：包含了創(chuàng)建圖形用戶界面的所有組件基本圖形元素組件類容器組件類布局管理器類

9.1.2java.awt軟件包類層次結(jié)構(gòu)9.1.2javax.swing軟件包Swing是在AWT的基礎(chǔ)上發(fā)展起來(lái)的，該軟件包中的組件全部用Java語(yǔ)言編寫(xiě)，稱為輕量級(jí)組件，目的就是使得組件在平臺(tái)上的工作方式都相同，因此沒(méi)有本地代碼，與操作系統(tǒng)無(wú)關(guān)，這是swing和AWT的本質(zhì)區(qū)別

9.1.2javax.swing軟件包類層次結(jié)構(gòu)9.1.3swing組件介紹1.Component類Component類的常用方法如下：（1）setSize(Dimension

d)：調(diào)整組件的大小，使其寬度為d.width，高度為d.height（2）setSize(int

width,int

height)：調(diào)整組件的大小，使其寬度為width，高度為height（3）setVisible(boolean

b)：根據(jù)參數(shù)b的值顯示或隱藏該Window2.Container類Container類的常用方法如下：（1）add(Componentcomp)：將參數(shù)指定的組件追加到這個(gè)容器的尾部（2）remove(Componentcomp)：從這個(gè)容器中去掉參數(shù)所指定的組件（3）setLayout(LayoutManager

mgr)：設(shè)置這個(gè)容器的布局管理器3.Window類Window類是JWindow類的直接父類，它的常用方法如下：（1）dispose()：釋放由該Window、其子組件及其擁有的所有子組件使用的所有本機(jī)屏幕資源（2）pack()：調(diào)整該窗口的大小，以適合其子組件的首選大小和布局（3）setBounds(int

x,int

y,int

width,int

height)：移動(dòng)組件并調(diào)整其大?。?）setBounds(Rectangle

r)：移動(dòng)組件并調(diào)整其大小，使其符合新的有界矩形r4.JComponent類javax.swing.JComponent是除頂層容器以外的所有swing組件的基類，它的常用方法如下所示：（1）getHeight()：返回該組件的當(dāng)前高度。（2）getWidth()：返回該組件的當(dāng)前寬度。（3）getX()：返回組件原點(diǎn)的當(dāng)前x坐標(biāo)。（4）getY()：返回組件原點(diǎn)的當(dāng)前y坐標(biāo)。（5）paint(Graphics

g)：由Swing調(diào)用，用來(lái)繪制組件。（6）setBackground(Color

bg)：設(shè)置該組件的背景色。（7）setForeground(Color

fg)：設(shè)置該組件的前景色。（8）setFont(Font

font)：設(shè)置該組件的字體?！颈?-1】組件的含義9.2swing中常用組件9.2.1JFrameJFrame是帶有標(biāo)題和邊框的頂層窗口。使用JFrame至少需要下面三個(gè)步驟：1.創(chuàng)建對(duì)象：創(chuàng)建對(duì)象的常用構(gòu)造方法如下：（1）JFrame()：構(gòu)造一個(gè)初始時(shí)不可見(jiàn)的新窗口（2）JFrame(String

title)：創(chuàng)建一個(gè)新的、初始不可見(jiàn)的、具有指定標(biāo)題的Frame。參數(shù)代表標(biāo)題字符串9.2.1JFrame2.設(shè)置大?。菏褂胹etSize()方法，該方法的定義為：publicvoidsetSize(int

width,int

height)：調(diào)整組件的大小，width是組件的新寬度，單位是像素height是組件的新高度，單位是像素9.2.1JFrame3.設(shè)置可見(jiàn)：使用setVisible()方法，該方法的定義如下：publicvoidsetVisible(boolean

b)：根據(jù)參數(shù)b

的值顯示或隱藏此Window。b值如果為true，則使Window可見(jiàn)。如果為false，則隱藏此Window、此Window的子組件，以及它擁有的所有子級(jí)。9.2.2JWindowJWindow是一個(gè)容器，它沒(méi)有標(biāo)題欄、窗口管理按鈕或者其他與JFrame關(guān)聯(lián)的修飾，可以顯示在用戶桌面上的任何位置。9.2.3JDialog

JDialog是創(chuàng)建對(duì)話框窗口的主要類

【例9-2】importjavax.swing.*;classmy2{publicstaticvoidmain(Stringargs[]){JFramef=newJFrame("hello");f.setSize(300,300);f.setVisible(true);JDialogd=newJDialog(f,"mydialog",true);d.setSize(200,200);d.setVisible(true);}}9.2.4JButtonJButton是創(chuàng)建按鈕的主要類。JButton類的主要構(gòu)造方法如下：（1）JButton()：創(chuàng)建不帶有設(shè)置文本或圖標(biāo)的按鈕（2）JButton(String

text)：創(chuàng)建一個(gè)帶文本的按鈕9.2.5JTextFieldJTextField是創(chuàng)建單行文本框的主要類。JTextField的主要構(gòu)造方法如下：（1）JTextField()：構(gòu)造一個(gè)新的TextField。（2）JTextField(int

columns)：構(gòu)造一個(gè)具有指定列數(shù)的新的空TextField。（3）JTextField(String

text)：構(gòu)造一個(gè)用指定文本初始化的新TextField。（4）JTextField(String

text,int

columns)：構(gòu)造一個(gè)用指定文本和列初始化的新TextField。

9.2.6JTextAreaJTextArea是顯示純文本的多行區(qū)域。默認(rèn)情況下，換行屬性設(shè)置為false（不換行）如果要在JTextArea對(duì)象中加入滾動(dòng)條，則可以把多行文本框?qū)ο蠓旁贘ScrollPane的內(nèi)部。9.2.6JTextAreaJTextArea常用的構(gòu)造方法如下：（1）JTextArea()：構(gòu)造新的TextArea。（2）JTextArea(int

rows,int

columns)：構(gòu)造具有指定行數(shù)和列數(shù)的新的空TextArea。（3）JTextArea(String

text)：構(gòu)造顯示指定文本的新的TextArea。（4）JTextArea(String

text,int

rows,int

columns)：構(gòu)造具有指定文本、行數(shù)和列數(shù)的新的TextArea。9.2.7JLabelJLabel對(duì)象可以顯示文本、圖像或同時(shí)顯示二者。JLabel類的常用構(gòu)造方法如下：（1）JLabel(Icon

image)：創(chuàng)建具有指定圖像的JLabel實(shí)例（2）JLabel(String

text)：創(chuàng)建具有指定文本的JLabel實(shí)例（3）JLabel(String

text,Icon

icon,int

horizontalAlignment)：創(chuàng)建具有指定文本、圖像和水平對(duì)齊方式的JLabel實(shí)例（4）JLabel(String

text,int

horizontalAlignment)：創(chuàng)建具有指定文本和水平對(duì)齊方式的JLabel實(shí)例9.2.7JLabel9.2.8JComboBoxJComboBox是將按鈕或可編輯字段與下拉列表組合的組件。用戶可以從下拉列表中選擇值，下拉列表在用戶單擊下拉三角形時(shí)顯示。如果組合框處于可編輯狀態(tài)，則組合框?qū)ㄓ脩粼谄渲休斎氲淖侄巍?.2.8JComboBoxJComboBox的常用構(gòu)造方法如下：（1）JComboBox()：創(chuàng)建具有默認(rèn)數(shù)據(jù)模型的JComboBox。（2）JComboBox(Object[]

items)：創(chuàng)建包含指定數(shù)組中元素的JComboBox。（3）JComboBox(Vector<?>

items)：創(chuàng)建包含指定Vector中元素的JComboBox。9.2.8JComboBoxJComboBox的常用方法如下：（1）addItem(Object

anObject)：為列表添加項(xiàng)。（2）getItemAt(int

index)：返回指定索引處的列表項(xiàng)。（3）getSelectedItem()：返回當(dāng)前所選項(xiàng)。（4）removeItem(Object

anObject)：從項(xiàng)列表中去掉某項(xiàng)（5）removeItemAt(int

anIndex)：去掉anIndex處的項(xiàng)。（6）setEditable(boolean

aFlag)：確定JComboBox字段是否可編輯。9.2.9JListJList是顯示對(duì)象列表并允許用戶選擇一個(gè)或多個(gè)項(xiàng)的組件。JList可以方便的顯示對(duì)象數(shù)組或?qū)ο骎ector。JList不實(shí)現(xiàn)直接滾動(dòng)，要?jiǎng)?chuàng)建一個(gè)滾動(dòng)的列表，請(qǐng)將它作為JScrollPane的視圖。JList的常用構(gòu)造方法如下：（1）JList()：構(gòu)造一個(gè)具有空的、只讀模型的JList。（2）JList(Object[]

listData)：構(gòu)造一個(gè)JList，使其顯示指定數(shù)組中的元素。（3）JList(Vector<?>

listData)：構(gòu)造一個(gè)JList，使其顯示指定Vector中的元素。9.2.9JList9.2.10菜單創(chuàng)建菜單主要用到三個(gè)類：JMenuBar、JMenu和JMenuItemJMenuBar是創(chuàng)建菜單欄的類，可以將JMenu對(duì)象添加到菜單欄，JMenu對(duì)象中的每一項(xiàng)用JMenuItem來(lái)創(chuàng)建9.2.10菜單9.2.10菜單JMenuBar的常用方法如下：（1）JMenuBar()：創(chuàng)建新的菜單欄。（2）add(JMenu

c)：將指定的菜單追加到菜單欄的末尾。JMenu的常用方法如下：（1）JMenu()：構(gòu)造沒(méi)有文本的新JMenu。（2）JMenu(String

s)：構(gòu)造一個(gè)新JMenu，用提供的字符串作為其文本（3）add(JMenuItem

menuItem)：將某個(gè)菜單項(xiàng)追加到此菜單的末尾。（4）addSeparator()：將新分隔符追加到菜單的末尾。（5）remove(JMenuItem

item)：從此菜單去掉指定的菜單項(xiàng)9.2.10菜單JMenuItem的常用方法如下：（1）JMenuItem()：創(chuàng)建不帶有設(shè)置文本或圖標(biāo)的JMenuItem。（2）JMenuItem(Action

a)：創(chuàng)建從指定的Action獲取其屬性的菜單項(xiàng)。（3）JMenuItem(Icon

icon)：創(chuàng)建帶有指定圖標(biāo)的JMenuItem。（4）JMenuItem(String

text)：創(chuàng)建帶有指定文本的JMenuItem。（5）JMenuItem(String

text,Icon

icon)：創(chuàng)建帶有指定文本和圖標(biāo)的JMenuItem。（6）JMenuItem(String

text,int

mnemonic)：創(chuàng)建帶有指定文本和鍵盤(pán)助記符的JMenuItem。9.2.11JFileChooserJFileChooser是文件選擇對(duì)話框。JFileChooser常用的方法如下：（1）addChoosableFileFilter(FileFilter

filter)：向用戶可選擇的文件過(guò)濾器列表添加一個(gè)過(guò)濾器。（2）showOpenDialog(Component

parent)：彈出一個(gè)“OpenFile”文件選擇器對(duì)話框。（3）showSaveDialog(Component

parent)：彈出一個(gè)“SaveFile”文件選擇器對(duì)話框。（4）getSelectedFile()：返回選中的文件。

FileFilterFileFilter是一個(gè)抽象類，JFileChooser使用它過(guò)濾顯示給用戶的文件集合。該抽象類的主要方法如下：（1）accept(File

f)：此過(guò)濾器是否接受給定的文件（2）getDescription()：此過(guò)濾器的描述。

9.3布局管理器布局管理器介紹組件的排列順序、組件的大小和位置交給布局管理器類來(lái)管理。當(dāng)窗口移動(dòng)或大小發(fā)生變化時(shí)各組件的大小和位置也會(huì)隨之變化，這也交給布局管理器類來(lái)管理。Java中常用的布局管理器類有FlowLayout、BorderLayout、GridLayout、CardLayout和GridBagLayout。這幾種布局管理器類都在java.awt包中。9.3.1流布局FlowLayout流布局流布局用于安排有向流中的組件，類似于段落中的文本行。流的方向可以是從左向右、從右向左兩種。流布局一般用來(lái)安排面板中的按鈕。流布局FlowLayout的常用構(gòu)造方法如下：（1）FlowLayout()：構(gòu)造一個(gè)新的FlowLayout，它是居中對(duì)齊的，默認(rèn)的水平和垂直間隙是5個(gè)單位（2）FlowLayout(int

align)：構(gòu)造一個(gè)新的FlowLayout，它具有指定的對(duì)齊方式，默認(rèn)的水平和垂直間隙是5個(gè)單位（3）FlowLayout(int

align,int

hgap,int

vgap)：創(chuàng)建一個(gè)新的流布局管理器，它具有指定的對(duì)齊方式以及指定的水平和垂直間隙對(duì)齊方式對(duì)齊方式align參數(shù)的值必須是以下值之一：FlowLayout.LEFT：每一行組件都應(yīng)該是左對(duì)齊的。FlowLayout.RIGHT：每一行組件都應(yīng)該是右對(duì)齊的。FlowLayout.CENTER：每一行組件都應(yīng)該是居中的。FlowLayout.LEADING：每一行組件都應(yīng)該與容器方向的開(kāi)始邊對(duì)齊，例如，對(duì)于從左到右的方向，則與左邊對(duì)齊。FlowLayout.TRAILING：每一行組件都應(yīng)該與容器方向的結(jié)束邊對(duì)齊，例如，對(duì)于從左到右的方向，則與右邊對(duì)齊。

9.3.2邊界布局BorderLayout邊界布局介紹邊界布局將容器分為五個(gè)區(qū)域：北、南、東、西、中，每個(gè)區(qū)域最多只能包含一個(gè)組件，并通過(guò)相應(yīng)的常量進(jìn)行標(biāo)識(shí)：NORTH、SOUTH、EAST、WEST、CENTER。

邊界布局介紹當(dāng)使用邊界布局將一個(gè)組件添加到容器中時(shí)，要使用這五個(gè)常量之一，例如：Panelp=newPanel();p.setLayout(newBorderLayout());p.add(newButton("Okay"),BorderLayout.SOUTH);如果未指定某個(gè)區(qū)域，默認(rèn)是CENTER。因此下面這一句p2.add(newTextArea());等價(jià)于p.add(newTextArea(),BorderLayout.CENTER);邊界布局BorderLayout類的常用構(gòu)造方法如下：（1）BorderLayout()：構(gòu)造一個(gè)組件之間沒(méi)有間距的新邊界布局。（2）BorderLayout(int

hgap,int

vgap)：構(gòu)造一個(gè)具有指定組件間距的邊界布局。水平間距由hgap指定，垂直間距由vgap指定。9.3.3網(wǎng)格布局GridLayout網(wǎng)格布局GridLayout類是一個(gè)布局管理器，它以矩形網(wǎng)格形式對(duì)容器的組件進(jìn)行布置。容器被分成大小相等的矩形，一個(gè)矩形中放置一個(gè)組件。

常用構(gòu)造方法1.GridLayout()：創(chuàng)建具有默認(rèn)值的網(wǎng)格布局，即每個(gè)組件占據(jù)一行一列。2.GridLayout(int

rows,int

cols)：創(chuàng)建具有指定行數(shù)和列數(shù)的網(wǎng)格布局。3.GridLayout(int

rows,int

cols,int

hgap,int

vgap)：創(chuàng)建具有指定行數(shù)和列數(shù)的網(wǎng)格布局。hgap是水平間距，vgap是垂直間距。9.3.4卡片布局CardLayout卡片布局CardLayout對(duì)象是容器的布局管理器。它將容器中的每個(gè)組件看作一張卡片。一次只能看到一張卡片，容器則充當(dāng)卡片的堆棧。當(dāng)容器第一次顯示時(shí)，第一個(gè)添加到CardLayout對(duì)象的組件為可見(jiàn)組件。常用構(gòu)造方法1.CardLayout()：創(chuàng)建一個(gè)間距大小為0的新卡片布局2.CardLayout(int

hgap,int

vgap)：創(chuàng)建一個(gè)具有指定水平間距和垂直間距的新卡片布局9.3.6空布局使用null布局可以達(dá)到精確定位和控制組件大小的要求。容器.setLayout(null)——設(shè)置布局管理器為nullsetBounds(int

x,int

y,int

width,int

height)——移動(dòng)組件并調(diào)整其大小。由x和

y指定左上角的新位置，由

width和height指定新的大小?！纠?-16】9.4事件處理9.4.1事件處理機(jī)制

事件處理機(jī)制分為三部分：事件源：發(fā)生事件的GUI組件就是事件源。如：?jiǎn)螕舭粹o時(shí)，按鈕就是事件源事件對(duì)象：當(dāng)用戶在界面上操作時(shí)，會(huì)產(chǎn)生各種事件對(duì)象，如：?jiǎn)螕舭粹o，Java虛擬機(jī)自動(dòng)產(chǎn)生ActionEvent的對(duì)象。按動(dòng)鍵盤(pán)，自動(dòng)產(chǎn)生KeyEvent的對(duì)象事件監(jiān)聽(tīng)器：一些接口聲明，在接口中定義事件處理方法。如：鼠標(biāo)單擊，編寫(xiě)事件處理器，需要實(shí)現(xiàn)ActionListener接口，在這個(gè)接口中有一個(gè)方法actionPerformed(ActionEvente)需要實(shí)現(xiàn)9.4.2事件處理方法

1)為可能產(chǎn)生事件的組件注冊(cè)事件監(jiān)聽(tīng)器，形式為：組件.addXXXListener(事件監(jiān)聽(tīng)器)其中XXXListener為某個(gè)事件監(jiān)聽(tīng)器的接口名稱。如為按鈕b1的單擊事件注冊(cè)事件監(jiān)聽(tīng)器的語(yǔ)句如下：b1.addActionListener(m);單擊按鈕b1后將交給m對(duì)象（事件監(jiān)聽(tīng)器的對(duì)象）去處理9.4.2事件處理方法2)編寫(xiě)一個(gè)類，實(shí)現(xiàn)相應(yīng)的監(jiān)聽(tīng)器接口，即實(shí)現(xiàn)監(jiān)聽(tīng)器接口中聲明的與程序設(shè)計(jì)意圖有關(guān)的成員方法。實(shí)際上就是在監(jiān)聽(tīng)器接口的實(shí)現(xiàn)過(guò)程中，將對(duì)該事件的處理語(yǔ)句寫(xiě)在方法體中，這樣就實(shí)現(xiàn)了程序的功能。如下例中xx類實(shí)現(xiàn)了ActionListener接口，importjava.awt.event.*;classxximplementsActionListener{publicvoidactionPerformed(ActionEvente){…}}9.4.3事件類與事件監(jiān)聽(tīng)器接口1、事件類（1）ActionEvent：當(dāng)單擊按鈕、選擇某項(xiàng)菜單或在文本框中回車時(shí)，產(chǎn)生ActionEvent事件。（2）ItemEvent：在單選框、復(fù)選框、列表框等選定或取消選定某項(xiàng)時(shí)產(chǎn)生ItemEvent事件。（3）KeyEvent：鍵盤(pán)事件。當(dāng)按下、釋放或鍵入某個(gè)鍵時(shí)，組件對(duì)象將生成KeyEvent事件。1、事件類（4）MouseEvent：鼠標(biāo)事件。當(dāng)按下、釋放、單擊鼠標(biāo)按鍵，移動(dòng)、拖動(dòng)鼠標(biāo)時(shí)生成MouseEvent事件。（5）TextEvent：當(dāng)文本框和多行文本區(qū)域內(nèi)容修改時(shí)生成TextEvent事件。（6）WindowEvent：窗口事件類。當(dāng)打開(kāi)、關(guān)閉、激活、停用、圖標(biāo)化或取消圖標(biāo)化Window對(duì)象時(shí)，或者焦點(diǎn)轉(zhuǎn)移到Window內(nèi)或移出Window時(shí)，由Window對(duì)象生成WindowEvent事件。2、事件監(jiān)聽(tīng)器接口（1）ActionListener(例9-10)：如果要對(duì)單擊按鈕、選擇某項(xiàng)菜單或在文本框中回車等操作進(jìn)行處理，可以編寫(xiě)事件處理器類該類需要實(shí)現(xiàn)ActionListener接口，該接口中有一個(gè)方法需要實(shí)現(xiàn)：actionPerformed(ActionEvent

e)，該方法的方法體就是具體的操作2、事件監(jiān)聽(tīng)器接口（2）ItemListener(例9-7)：如果要對(duì)在單選框、復(fù)選框、列表框等組件中選定或取消選定某項(xiàng)等操作進(jìn)行處理，可以編寫(xiě)事件處理器類該類需要實(shí)現(xiàn)ItemListener接口。該接口中有一個(gè)方法需要實(shí)現(xiàn)：

itemStateChanged(ItemEvent

e)，該方法的方法體就是具體的處理過(guò)程2、事件監(jiān)聽(tīng)器接口(3)KeyListener：如果按下、釋放或鍵入某個(gè)鍵時(shí)需要執(zhí)行處理，要編寫(xiě)相應(yīng)的事件處理器類，該類需要實(shí)現(xiàn)KeyListener接口。該接口中有以下幾個(gè)方法需要實(shí)現(xiàn)：keyPressed(KeyEvent

e)：按下某個(gè)鍵時(shí)調(diào)用此方法keyReleased(KeyEvent

e)：釋放某個(gè)鍵時(shí)調(diào)用此方法keyTyped(KeyEvent

e)：鍵入某個(gè)鍵時(shí)調(diào)用此方法2、事件監(jiān)聽(tīng)器接口(4)MouseListener(例9-14)：當(dāng)按下、釋放、單擊鼠標(biāo)按鍵，移動(dòng)、拖動(dòng)鼠標(biāo)時(shí)如果需要進(jìn)行相應(yīng)的處理，則需要編寫(xiě)事件處理器類，該類需要實(shí)現(xiàn)MouseListener接口。該接口中有以下幾個(gè)方法需要實(shí)現(xiàn)：mouseClicked(MouseEvent

e)：鼠標(biāo)按鍵在組件上單擊（按下并釋放）時(shí)調(diào)用mouseEntered(MouseEvent

e)：鼠標(biāo)進(jìn)入到組件上時(shí)調(diào)用mouseExited(MouseEvent

e)：鼠標(biāo)離開(kāi)組件時(shí)調(diào)用mousePressed(MouseEvent

e)：鼠標(biāo)按鍵在組件上按下時(shí)調(diào)用mouseReleased(MouseEvent

e)：鼠標(biāo)按鈕在組件上釋放時(shí)調(diào)用2、事件監(jiān)聽(tīng)器接口(5)TextListener：當(dāng)文本框和多行文本區(qū)域內(nèi)容修改時(shí)如果需要進(jìn)行相應(yīng)的處理，則需要編寫(xiě)事件處理器類，該類需要實(shí)現(xiàn)TextListener接口。該接口中需要實(shí)現(xiàn)的方法如下：textValueChanged(TextEvent

e)，該方法的方法體就是需要執(zhí)行的具體處理過(guò)程2、事件監(jiān)聽(tīng)器接口(6)WindowListener：如果要對(duì)窗口事件進(jìn)行處理，需要編寫(xiě)事件處理器類實(shí)現(xiàn)WindowListener接口。該接口中有以下方法需要實(shí)現(xiàn)：windowActivated(WindowEvent

e)：