java用戶圖形界面設(shè)計

第7章Java的圖形用戶界面設(shè)計

本章主要內(nèi)容：AWT與Swing包——了解容器：框架和面板——重點布局管理——重點，難點事件處理——難點17.1AWT與Swing

AWT

（AbstractWindowToolkit）

Java抽象窗口工具集Swing由于AWT功能有限，因此在后來的JDK版本中，又提供了功能更強的Swing。Swing屬于JavaTMFoundationClasses（簡稱JFC）的一部分，JFC包含了一組幫助程序員創(chuàng)建圖形用戶界面的功能。2AWT類的層次模型

ComponentContainerPanelAppletWindow

FrameDialogButtonTextFieldTextAreaTextComponentCheckboxMenuComponentMenuMenuItemMenuBar其他組件

獨立不獨立3SWING中主要類的繼承關(guān)系

47.2容器Java的圖形用戶界面由組件構(gòu)成，例如按鈕（button）、文本輸入框（textfield）、標簽（label）等都是組件。所有組件都必須包含在某個容器中，而有些容器是可以嵌套的。51頂層容器

四種頂層容器：JFrame、JApplet、JDialog和JwindowJFrame是一個帶有標題行和控制按鈕（最小化、恢復(fù)/最大化、關(guān)閉）的獨立窗口，創(chuàng)建應(yīng)用程序時需要使用。JApplet是創(chuàng)建小應(yīng)用程序時使用，它被包含在瀏覽器窗口中。JDialog是在創(chuàng)建對話框時使用。JWindow是一個不帶有標題行和控制按鈕的窗口，因此通常很少使用。62面板(JPanel)面板（JPanel）是一種用途廣泛的容器，但與頂層容器不同的是，面板不能獨立存在，必須被添加到某種頂層容器內(nèi)部。面板可以嵌套，由此可以設(shè)計出復(fù)雜的圖形用戶界面。73內(nèi)容窗格每種頂層容器都有一個默認的內(nèi)容窗格（Content

Pane）。頂層容器中的所有組件（除菜單外）都必須放在內(nèi)容窗格中?？梢詫⒚姘澹↗Panel）設(shè)為某個頂層容器的內(nèi)容窗格，然后再將組件放到面板中。84組件放入缺省內(nèi)容窗格通過頂層容器的getContentPane()方法獲得其缺省的內(nèi)容窗格，然后將組件添加到內(nèi)容窗格中。方式1：ContainercontentPane=frame.getContentPane();contentPane.add(button,BorderLayout.CENTER);方式2：frame.getContentPane().add(button,BorderLayout.CENTER);94使用JFrame創(chuàng)建應(yīng)用程序示例

程序7-1105將組件放入面板內(nèi)容窗格創(chuàng)建一個面板（JPanel）的實例，再通過頂層容器的setContentPane()方法將JPanel實例設(shè)置為新的內(nèi)容窗格，取代頂層容器缺省的內(nèi)容窗格(程序7-2)。典型的代碼：JPanelcontentPane=newJPanel();contentPane.setLayout(newBorderLayout());contentPane.add(button,BorderLayout.CENTER);frame.setContentPane(contentPane);11注意因此可能需要為JPanel實例設(shè)置一個BorderLayout布局管理器

12程序7-3創(chuàng)建一個黃色面板，通過add()方法在面板中添加了一個按鈕，然后將該面板添加到一個JFrame的實例中，JFrame實例的背景被設(shè)置為藍綠色。importjava.awt.*;importjavax.swing.*;publicclassFrameWithPanel{ publicstaticvoidmain(Stringargs[]){ JFrameframe=newJFrame("FramewithPanel"); ContainercontentPane=frame.getContentPane(); contentPane.setBackground(Color.CYAN);

JPanelpanel=newJPanel();

panel.setBackground(Color.yellow);

JButtonbutton=newJButton("Pressme"); panel.add(button);

contentPane.add(panel,BorderLayout.SOUTH); frame.setSize(300,200); frame.setVisible(true); }}

137.3布局布局：指的是容器內(nèi)組件的位置和大小放置安排，通常由布局管理器（LayoutManager）負責(zé)安排。每種容器都有一個缺省的布局方式，但可以通過容器的setLayout()方法改變?nèi)萜鞯牟季止芾砥鳌?4常見的布局管理器常見的布局管理器java.awt.FlowLayout

流式布局java.awt.BorderLayout邊界布局java.awt.GridLayout

網(wǎng)格布局java.awt.CardLayout

卡片式布局javax.swing.BoxLayout盒式布局注意：頂層容器缺省的布局管理器是BorderLayout，而JPanel缺省的布局管理器是FlowLayout。15程序7-4importjava.awt.*;importjavax.swing.*;

publicclassExGui{ privateJFrameframe; privateJButtonb1; privateJButtonb2;

publicstaticvoidmain(Stringargs[]){ ExGuithat=newExGui();

that.go(); }

16程序7-4publicvoidgo(){frame=newJFrame("GUIexample"); //創(chuàng)建一個JFrame實例ContainercontentPane=frame.getContentPane();//獲取內(nèi)容窗格

//為內(nèi)容窗格設(shè)置FlowLayout布局管理器contentPane.setLayout(newFlowLayout());

b1=newJButton("Pressme");//創(chuàng)建JButton實例b2=newJButton("Don'tpressMe");

contentPane.add(b1);//添加按鈕contentPane.add(b2);

frame.pack();frame.setVisible(true); }}171FlowLayout布局管理器

FlowLayout定義在java.awt包中。布局方式：將組件逐個地安放在容器中的一行上，一行放滿后就自動另起一個新行。在缺省情況下，將組件居中放置在容器的某一行上。

FlowLayout布局管理器并不強行設(shè)定組件的大小，布局管理器可以通過調(diào)用getPreferredSize()方法取得每個組件希望的大小。

18FlowLayout構(gòu)造方法

publicFlowLayout()publicFlowLayout(intalign)publicFlowLayout(intalign,inthgap,intvgap)參數(shù)說明：align：有FlowLayout.LEFT、FlowLayout.RIGHT和FlowLayout.CENTER三種形式。hgap和vgap：組件的水平間距和垂直間距。19程序7-5程序7-5202BorderLayout布局管理器

由BorderLayout管理的容器被劃分成北（North）南（South）西（West）東（East）中（Center）五個區(qū)域，分別代表容器的上、下、左、右和中部，用常量BorderLayout.NORTH、BorderLayout.SOUTH、BorderLayout.WEST、BorderLayout.EAST、BorderLayout.CENTER表示。21BorderLayout構(gòu)造方法BorderLayout()構(gòu)造一個各部分間間距為0的BorderLayout實例。

BorderLayout(int,int)構(gòu)造一個各部分間具有指定間距的BorderLayout實例。22組件加入規(guī)則

frame=newJFrame(“FrameTitle”)；button=newJButton(“PressMe”)；frame.getContentPane().add(b,BorderLayout.SOUTH)；

1、在BorderLayout布局管理器的管理下，組件必須通過add()方法加入到容器中的指定區(qū)域。例如：232、如果在add()方法中沒有指定將組件放到哪個區(qū)域，那么它將會缺省地被放置在Center區(qū)域。frame.getContentPane().add(button)；按鈕將被放在框架的中部例如：243、在容器的每個區(qū)域只能加入一個組件，如果向某個區(qū)域中加入多個組件，那么只有最后一個組件是有效的。frame.getContentPane().add(newJButton(“buttonA”),BorderLayout.SOUTH)；frame.getContentPane().add(newJButton(“buttonB”),BorderLayout.SOUTH)；frame.getContentPane().add(newJButton(“buttonC”),BorderLayout.SOUTH)；最后只有buttonC顯示在South區(qū)域。

例如：25如果希望在某個區(qū)域顯示多個組件，可以首先在該區(qū)域放置一個內(nèi)部容器——JPanel組件，然后將所需的多個組件放到JPanel中，通過內(nèi)部容器的嵌套構(gòu)造復(fù)雜的布局。四個邊界區(qū)域（North、South、West、East

)如果有些沒有使用，大小將變?yōu)榱悖?/p>

Center區(qū)域?qū)U展并占據(jù)這個未用區(qū)域的位置。如果均沒有使用，

Center區(qū)域?qū)紦?jù)整個窗口.注意26程序7-6程序7-6當(dāng)窗口大小改變時，窗口中按鈕的相對位置并不會發(fā)生變化，但按鈕的大小會改變。

273GridLayout布局管理器布局方式：是一種網(wǎng)格式的布局管理器，它將容器空間劃分成若干行乘若干列的網(wǎng)格，組件依次放入其中，每個組件占據(jù)一格。網(wǎng)格每列的寬(高)度都是相同的，這個寬度大致等于容器的寬度除以網(wǎng)格的列(行)數(shù)。28組件被放入容器的次序決定了它所占據(jù)的位置。每行網(wǎng)格從左至右依次填充，一行用完之后轉(zhuǎn)入下一行當(dāng)容器的大小改變時，GridLayout所管理的組件的相對位置不會發(fā)生變化，但組件的大小會隨之改變。29GridLayout構(gòu)造方法publicGridLayout()：創(chuàng)建一個只有一行的網(wǎng)格，網(wǎng)格的列數(shù)根據(jù)實際需要而定。publicGridLayout(introws,intcols)其中：rows和cols分別指定網(wǎng)格的行數(shù)和列數(shù)

rows和cols中的一個值可以為0，但是不能兩個都是0。publicGridLayout(introws,intcols,inthgap,intvgap）其中：hgap和vgap分別表示網(wǎng)格間的水平間距和垂直間距

30程序7-7程序7-7

314CardLayout布局管理器

布局方式：是一種卡片式的布局管理器，它將容器中的組件處理為一系列卡片，每一時刻只顯示出其中的一張。在javax.swing包中定義了JTabbedPane類，它的使用效果與CardLayout類似但更為簡單。32

CardLayout常用方法常用方法：1.publicvoidfirst(Containerparent)

顯示第一張卡片。2.publicvoidlast(Containerparent)3.publicvoidnext(Containerparent)循環(huán)顯示下一張。4.publicvoidprevious(Containerparent)33程序7-8為JFrame實例的內(nèi)容窗格指定了一個CardLayout類型的布局管理器，然后向其中加入了五張卡片，每張卡片都是JPanel類的一個實例，并且具有不同的背景色。每當(dāng)在程序窗口按動鼠標，下一張卡片就會顯示出來。程序7-8345BoxLayout布局管理器

BoxLayout是定義在javax.swing包中的布局管理器。

布局方式：它將容器中的組件按水平方向排成一行或按垂直方向排成一列。當(dāng)組件排成一行時，每個組件可以有不同的寬度；當(dāng)組件排成一列時，每個組件可以有不同的高度。35BoxLayout構(gòu)造方法BoxLayout(Containertarget,intaxis)其中：參數(shù)target：指明是為哪個容器設(shè)置布局管理器。參數(shù)axis：指明組件的排列方向，BoxLayout.X_AXIS

水平方向排列

BoxLayout.Y_AXIS

垂直方向排列

36程序7-9

程序7-9

376Box類—與BoxLayout相似Box類定義在javax.swing包中，該類提供了靜態(tài)的方法可用來創(chuàng)建水平或者垂直方向的BoxLayout。具體方法如下：①publicstaticBoxcreateHorizontalBox()

使用使用水平方向的BoxLayout②publicstaticBoxcreateVerticalBox()

使用垂直方向的BoxLayout38Box類還提供了一些方法，用來創(chuàng)建一些不可見的組件,以增加可見組件之間的間距。具體如下：①publicstaticComponentcreateHorizontalGlue()②publicstaticComponentcreateVerticalGlue()③publicstaticComponentcreateHorizontalStrut(intwidth)④publicstaticComponentcreateVerticalStrut(intheight)⑤publicstaticComponentcreateRigidArea(Dimensiond)

39程序7-10,7-11

程序7-10改寫7－9,使用Box容器

程序7-11演示Glue和Strut的效果

GlueStrutRigidBox1是沒有添加不可見組件時的形式，Box2、3和4是分別添加了不可見組件Glue、Strut和Rigid之后的形式，從中可以看出，Glue將填滿所有剩余水平（或垂直）空間，Strut和Rigid則具有指定的寬度（或高度）

407其他布局管理器GridBagLayout布局管理器

java.awt中定義。以網(wǎng)格為基礎(chǔ)，允許組件使用最適當(dāng)?shù)拇笮?，既可以占多行，也可以占多列，各組件可以有不同的高度和寬度。

SpringLayout等布局管理器

javax.swing中定義。418不使用布局管理器1調(diào)用容器的setLayout(null)方法，將布局管理器設(shè)置為空。2調(diào)用組件的setBounds()方法，設(shè)置組件的位置和大小42setBounds()方法的格式:

setBounds(intx,inty,intwidth,intheight)其中：

前兩個int型參數(shù)用于設(shè)置組件的坐標位置；后兩個int型參數(shù)用于設(shè)置組件的寬度和高度

43不使用布局管理器的例子

程序7-12447.4事件處理

用戶事件（Event）:

用戶在程序界面所進行的操作。Java中定義了很多事件類，用于描述不同的用戶行為。例如：MouseEvent類：鼠標事件

KeyEvent類：鍵盤事件

ActionEvent類：操作事件

45①在組件上進行某種操作，事件處理系統(tǒng)便會生成一個事件類對象；②每類事件都對應(yīng)一個listener監(jiān)聽程序接口,它規(guī)定了接收并處理該類事件的方法規(guī)范。③組件通過addXXXListener()方法注冊相應(yīng)的事件處理的監(jiān)聽程序。事件處理模型46程序7-13

一個ActionEvent事件處理的例子：

用到一個帶單個按鈕的框架，按鈕組件注冊了一個ButtonHandler對象作為ActionEvent事件的監(jiān)聽程序，而ButtonHandler類實現(xiàn)了ActionListener接口，在該類的actionPerformed()方法中給出了ActionEvent事件是如何處理的。當(dāng)用戶單擊按鈕時，產(chǎn)生ActionEvent事件，該方法將會被調(diào)用。程序7-13

47程序7-14事件的監(jiān)聽程序也可以定義在組件類中。程序7-1448MyButton類

importjavax.swing.*;importjava.awt.event.*;

publicclassMyButtonextendsJButtonimplementsActionListener{ publicMyButton(Stringtext){ super(text);

//注冊事件的監(jiān)聽程序

addActionListener(this); }

//出現(xiàn)ActionEvent事件時，將結(jié)束程序的運行

publicvoidactionPerformed(ActionEvente){ System.exit(0); }}

MyButton組件繼承JButton，同時實現(xiàn)ActionListener接口，因此MyButton組件對象也可作事件監(jiān)聽程序

通過addActionListener(this)將自身注冊為自己的監(jiān)聽程序

497.4.2事件的種類java.awt.event和javax.swing.event包中定義了很多事件。

每種事件都有一個對應(yīng)的接口，接口中聲明了一個或多個抽象的事件處理方法，凡是需要接收并處理事件對象的類，必須實現(xiàn)接口中的全部抽象方法。

50常用事件類型及接口

鼠標拖動和移動鼠標按下、松開、進入、離開、單擊鍵按下、松開、鍵入5152537.4.3程序7-15

程序功能：檢測鼠標的拖動、鼠標進入和離開窗口的情況。

程序中TwoListener類同時實現(xiàn)MouseMotionListener和MouseListener兩個接口中的全部方法。f.addMouseListener(this)；f.addMouseMotionListener(this)；547.4.4多監(jiān)聽程序的概念

事件監(jiān)聽模式允許為一個組件注冊多個監(jiān)聽程序。

允許根據(jù)需要多次調(diào)用addListener()方法為某個組件的同一事件注冊多個不同的監(jiān)聽程序，當(dāng)事件發(fā)生時，所有相關(guān)的監(jiān)聽程序都會被調(diào)用，但調(diào)用順序是不確定的。

557.4.5事件適配器類

為了編程方便，Java為一些Listener接口提供了相對應(yīng)的適配器（Adapter）類，在適配器類中已經(jīng)實現(xiàn)了相應(yīng)接口中的全部方法，只是這些方法的內(nèi)容為空。用戶可以根據(jù)需要重寫其中有用的方法。

例如：MouseListener接口publicinterfaceMouseListenerextendsEv