JAVA教程 第七講 Swing用戶界面設計

7.1 Swing簡介

7.1.1 簡介

  
第五講中我們學習了AWT,AWT是Swing的基礎。Swing的產生主要原因就是AWT不能滿足圖形化用戶界面發展的需要。
AWT設計的初衷是支持開發小應用程序的簡單用戶界面。例如AWT缺少剪貼板、打印支持、鍵盤導航等特性,而且原來的AWT甚至不包括彈出式菜單或滾動窗格等基本元素。

  此外AWT還存在着嚴重的缺陷,人們使AWT適應基於繼承的、具有很大伸縮性的事件模型,基於同位體的體系結構也成爲其致命的弱點。

  隨着發展的需要,Swing出現了,Swing組件幾乎都是輕量組件,與重量組件相比,沒有本地的對等組件,不像重量組件要在它們自己的本地不透明窗體中繪製,輕量組件在它們的重量組件的窗口中繪製。

  這一講我們講一下基本的Swing組件使用方法和使用Swing組件創建用戶界面的初步方法。

  Swing是由100%純Java實現的,Swing組件是用Java實現的輕量級( light-weight)組件,沒有本地代碼,不依賴操作系統的支持,這是它與AWT組件的最大區別。由於AWT組件通過與具體平臺相關的對等類(Peer)實現,因此Swing比AWT組件具有更強的實用性。Swing在不同的平臺上表現一致,並且有能力提供本地窗口系統不支持的其它特性。

  Swing採用了一種MVC的設計範式,即"模型-視圖-控制"(Model-View-Controller),其中模型用來保存內容,視圖用來顯示內容,控制器用來控制用戶輸入。

  Swing外觀感覺採用可插入的外觀感覺(Pluggable Look and Feel,PL&F)

  在AWT組件中,由於控制組件外觀的對等類與具體平臺相關,使得AWT組件總是隻有與本機相關的外觀。Swing使得程序在一個平臺上運行時能夠有不同的外觀。用戶可以選擇自己習慣的外觀。以下三幅圖是在同一個操作系統下得到不同的外觀。

Metal風格 


Motif風格
 

Windows風格

7.1.2 Swing的類層次結構

  
在javax.swing包中,定義了兩種類型的組件:頂層容器(JFrame,JApplet,JDialog和JWindow)和輕量級組件。Swing組件都是AWT的Container類的直接子類和間接子類。

  java.awt.Component
    -java.awt.Container
       -java.awt.Window
          -java.awt.Frame-javax.swing.JFrame
          -javax.Dialog-javax.swing.JDialog
          -javax.swing.JWindow
       -java.awt.Applet-javax.swing.JApplet
       -javax.swing.Box
       -javax.swing.Jcomponet

  Swing包是JFC(Java Foundation Classes)的一部分,由許多包組成,如下表:

               描述
  Com.sum.swing.plaf.motif 用戶界面代表類,它們實現Motif界面樣式  
Com.sum.java.swing.plaf.windows 用戶界面代表類,它們實現Windows界面樣式
  Javax.swing   Swing組件和使用工具
  Javax.swing.border    Swing輕量組件的邊框
  Javax.swing.colorchooser   JcolorChooser的支持類/接口
  Javax.swing.event   事件和偵聽器類
  Javax.swing.filechooser   JFileChooser的支持類/接口
  Javax.swing.pending   未完全實現的Swing組件
  Javax.swing.plaf   抽象類,定義UI代表的行爲
  Javax.swing.plaf.basic   實現所有標準界面樣式公共功能的基類
  Javax.swing.plaf.metal 用戶界面代表類,它們實現Metal界面樣式
  Javax.swing.table   Jtable組件
  Javax.swing.text   支持文檔的顯示和編輯
  Javax.swing.text.html   支持顯示和編輯HTML文檔
  Javax.swing.text.html.parser   Html文檔的分析器
  Javax.swing.text.rtf   支持顯示和編輯RTF文件
  Javax.swing.tree   Jtree組件的支持類
  Javax.swing.undo   支持取消操作


  (在jdk1.3中,第一、第二和pending包沒有了,增加了plaf.multi包,主要功能:給缺省的L&F加上附加的L&F,例如一個MultiButtonUI實例可以同時處理MotifButtonUI和AudioButtonUI.)

  swing包是Swing提供的最大包,它包含將近100個類和25個接口,幾乎所有的Swing組件都在swing包中,只有JtableHeader和   JtextComponent是例外,它們分別在swing.table和swing.text中。
  swing.border包中定義了事件和事件監聽器類,與AWT的event包類似。它們都包括事件類和監聽器接口。
  swing.pending包包含了沒有完全實現的Swing組件。
  swing.table包中主要包括了表格組建(JTable)的支持類。
  swing.tree同樣是JTree的支持類。
  swing.text、swing.text.html、swing.text.html.parser和swing.text.rtf都是用於顯示和編輯文檔的包。

7.1.3 Swing組件的多樣化

  Swing是AWT的擴展,它提供了許多新的圖形界面組件。Swing組件以"J"開頭,除了有與AWT類似的按鈕(JButton)、標籤(JLabel)、複選框(JCheckBox)、菜單(JMenu)等基本組件外,還增加了一個豐富的高層組件集合,如表格(JTable)、樹(JTree)。

7.2 Swing組件和容器

  在Swing中不但用輕量級的組件替代了AWT中的重量級的組件,而且Swing的替代組件中都包含有一些其他的特性。例如,Swing的按鈕和標籤可顯示圖標和文本,而AWT的按鈕和標籤只能顯示文本。Swing中的大多數組件都是AWT組件名前面加了一個"J"。

7.2.1 組件的分類

  Jcomponent是一個抽象類,用於定義所有子類組件的一般方法,其類層次結構如下所示:

   java.lang.Object
       |
       +--java.awt.Component
            |
            +--java.awt.Container
                |
                +--javax.swing.JComponent

  並不是所有的Swing組件都繼承於JComponent類,JComponent類繼承於Container類,所以凡是此類的組件都可作爲容器使用。

  組件從功能上分可分爲:

  1) 頂層容器:JFrame,JApplet,JDialog,JWindow共4個

  2) 中間容器:JPanel,JScrollPane,JSplitPane,JToolBar 

  3) 特殊容器:在GUI上起特殊作用的中間層,如JInternalFrame,JLayeredPane,JRootPane.

  4) 基本控件:實現人際交互的組件,如Jbutton, JComboBox, JList, JMenu, JSlider, JtextField。

  5) 不可編輯信息的顯示:向用戶顯示不可編輯信息的組件,例如JLabel, JProgressBar, ToolTip。

  6) 可編輯信息的顯示:向用戶顯示能被編輯的格式化信息的組件,如JColorChooser, JFileChoose, JFileChooser, Jtable, JtextArea。

  JComponent類的特殊功能又分爲:

  1) 邊框設置:使用setBorder()方法可以設置組件外圍的邊框,使用一個EmptyBorder對象能在組件周圍留出空白。
 

  2) 雙緩衝區:使用雙緩衝技術能改進頻繁變化的組件的顯示效果。與AWT組件不同,JComponent組件默認雙緩衝區,不必自己重寫代碼。如果想關閉雙緩衝區,可以在組件上施加setDoubleBuffered(false)方法。

  3) 提示信息:使用setTooltipText()方法,爲組件設置對用戶有幫助的提示信息。

  4) 鍵盤導航:使用registerKeyboardAction( ) 方法,能使用戶用鍵盤代替鼠標來驅動組件。JComponent類的子類AbstractButton還提供了便利的方法--用setMnemonic( )方法指明一個字符,通過這個字符和一個當前L&F的特殊修飾共同激活按鈕動作。

  5) 可插入L&F:每個Jcomponent對象有一個相應的ComponentUI對象,爲它完成所有的繪畫、事件處理、決定尺寸大小等工作。 ComponentUI對象依賴當前使用的L&F,用UIManager.setLookAndFeel( )方法可以設置需要的L&F.

  6) 支持佈局:通過設置組件最大、最小、推薦尺寸的方法和設置X、Y對齊參數值的方法能指定佈局管理器的約束條件,爲佈局提供支持。

7.2.2 使用Swing的基本規則

  與AWT組件不同,Swing組件不能直接添加到頂層容器中,它必須添加到一個與Swing頂層容器相關聯的內容面板(content pane)上。內容面板是頂層容器包含的一個普通容器,它是一個輕量級組件。基本規則如下:
  (1)把Swing組件放入一個頂層Swing容器的內容面板上
  (2)避免使用非Swing的重量級組件。
        
                      看圖

  對JFrame添加組件有兩種方式:
  1) 用getContentPane( )方法獲得JFrame的內容面板,再對其加入組件:frame.getContentPane().add(childComponent)
  2) 建立一個Jpanel或 JDesktopPane之類的中間容器,把組件添加到容器中,用setContentPane()方法把該容器置爲JFrame的內容面板:
    Jpanel contentPane=new Jpanel( );
    ……//把其它組件添加到Jpanel中;
    frame.setContentPane(contentPane);
    //把contentPane對象設置成爲frame的內容面板

7.2.3 各種容器面板和組件

                       看圖

  根面板由一個玻璃面板(glassPane)、一個內容面板(contentPane)和一個可選擇的菜單條(JMenuBar)組成,而內容面板和可選擇的菜單條放在同一分層。玻璃面板是完全透明的,缺省值爲不可見,爲接收鼠標事件和在所有組件上繪圖提供方便。

  根面板提供的方法:
  Container getContentPane(); //獲得內容面板
  setContentPane(Container); //設置內容面
  JMenuBar getMenuBar( ); //活動菜單條
  setMenuBar(JMenuBar); //設置菜單條
  JLayeredPane getLayeredPane(); //獲得分層面板
  setLayeredPane(JLayeredPane); //設置分層面板
  Component getGlassPane(); //獲得玻璃面板
  setGlassPane(Component); //設置玻璃面板

7.2.3.2 分層面板(JLayeredPane)

  Swing提供兩種分層面板:JlayeredPane和JDesktopPane。 JDesktopPane是JLayeredPane的子類,專門爲容納內部框架(JInternalFrame)而設置。

  向一個分層面板種添加組件,需要說明將其加入哪一層,指明組件在該層中的位置:add(Component c, Integer Layer, int position)。

7.2.3.3 面板(JPanel)

  面板(JPanel)是一個輕量容器組件,用法與Panel相同,用於容納界面元素,以便在佈局管理器的設置下可容納更多的組件,實現容器的嵌套。Jpanel, JscrollPane, JsplitPane, JinteralFrame都屬於常用的中間容器,是輕量組件。Jpanel的缺省佈局管理器是FlowLayout。

  java.lang.Object
     |
     +--java.awt.Component
         |
         +--java.awt.Container
             |
             +--javax.swing.JComponent
                  |
                  +--javax.swing.JPanel

7.2.3.4 滾動窗口(JScrollPane)

           看圖1                  看圖2

  JscrollPane是帶滾動條的面板,主要是通過移動JViewport(視口)來實現的。JViewport是一種特殊的對象,用於查看基層組件,滾動條實際就是沿着組件移動視口,同時描繪出它在下面"看到"的內容。

 

7.2.3.5 分隔板(JSplitPane)

  java.lang.Object
     |
     +--java.awt.Component
         |
         +--java.awt.Container
             |
             +--javax.swing.JComponent
                  |
                  +--javax.swing.JSplitPane
   
                   看圖

  JSplitPane提供可拆分窗口,支持水平拆分和垂直拆分並帶有滑動條。常用方法有:
  addImpl(Component comp,Object constraints,int index)//增加指定的組件
  setTopComponent(Component comp) //設置頂部的組件
  setDividerSize(int newSize) //設置拆分的大小
  setUI(SplitPaneUI ui) //設置外觀和感覺

7.2.3.6 選項板(JTabbedPane)]

              看圖

  JTabbedPane提供一組可供用戶選擇的帶有標籤或圖標的開關鍵。常用方法:
  add(String title,Component component) //增加一個帶特定標籤的組件
  addChangeListener(ChangeListener l) //選項板註冊一個變化監聽器

7.2.3.7 工具欄(JToolBar)

   
                工具欄在左上角

    
                工具欄在右側
      

  JtoolBar是用於顯示常用工具控件的容器。用戶可以拖拽出一個獨立的可顯示工具控件的窗口。
  常用方法有:
       JToolBar(String name) //構造方法
       getComponentIndex(Component c) //返回一個組件的序號
       getComponentAtIndex(int i) //得到一個指定序號的組件

7.2.3.8 內部框架(JInternalFrame)

               看圖

  內部框架JInternalFrame就如同一個窗口在另一個窗口內部,其特點如下:
  1) 必須把內部框架添加到一個容器中(通常爲JDesktopPane),否則不顯示;
  2) 不必調用show()或setVisible()方法,內部框架隨所在的容器一起顯示;
  3) 必須用setSize()或pack()或setBounds方法設置框架尺寸,否則尺寸爲零,框架不能顯示;
  4) 可以用setLocation()或setBounds( ) 方法設置內部框架在容器中的位置,缺省值爲0,0,即容器的左上角;
  5) 象頂層JFrame一樣,對內部框架添加組件也要加在它的內容面板上;
  6) 在內部框架中建立對話框,不能使用JDialog作爲頂層窗口,必須用JOptionPane或JInternalFrame;
  7) 內部框架不能監聽窗口事件,可以通過監聽與窗口事件類似的內部框架(JInternalFrameEvent)處理內部框架窗口的操作。

  JFrame frame=new JFrame("InternalFrameDemo"); //實例化窗口
  JDesktopPane desktop=new JDesktopPane(); //實例化容器JDesktopPane
  MyInternalFrame myframe=new MyInternalFrame(); //實例化內部窗口
  desktop.add(myframe); //把內部窗口添加到容器中
  myframe.setSelected(true); //內部面板是可選擇的
  frame.setContentPane(desktop); //把desktop設爲frame的內容面板

7.2.3.9 按鈕(JButton)

  按鈕是一個常用組件,按鈕可以帶標籤或圖象。     

  java.lang.Object
     |
     +--java.awt.Component
         |
         +--java.awt.Container
             |
             +--javax.swing.JComponent
                   |
                   +--javax.swing.AbstractButton
                        |
                        +--javax.swing.JButton

  常用的構造方法有:
  JButton(Icon icon) //按鈕上顯示圖標
  JButton(String text) //按鈕上顯示字符
  JButton(String text, Icon icon) //按鈕上既顯示圖標又顯示字符

 例7.2
  public class ButtonDemo extends Jpanel implements ActionListener{
     JButton b1,b2,b3;
     public ButtonDemo() {
       super();
       ImageIcon leftButtonIcon=new ImageIcon("images/right.gif);
                    //顯示在左按鈕上的圖標
       ImageIcon middleButtonIcon=new ImageIcon("images/middle.gif);
                    //顯示在中間按鈕上的圖標
       ImageIcon middleButtonIcon=new ImageIcon("images/left.gif);
                    //顯示在右按鈕上的圖標
       b1=new JButton("Disable middle button",leftButtonIcon);
                   //按鈕b1上同時顯示文字和圖標
       b1.setVerticalTextPosition(AbstractButton.CENTER);
              //按鈕b1上的文字在垂直方向上是居中對齊
       b1.setHorizontalTextPosition(AbstractButton.LEFT);
             //按鈕b1上的文字在水平居方向上是居左對齊
       b1.setMnemonic('d');  //設置按鈕b1的替代的鍵盤按鍵是'd'
       b1.setActionCommand("diaable");
       ……
    }
  }

                    看圖

7.2.3.10 複選框(JCheckBox)

複選框提供簡單的"on/off"開關,旁邊顯示文本標籤。如圖

7.2.3.11 單選框(JRadioButton)

單選框JRadioButton與AWT中的複選框組功能類似。如圖

7.2.3.12 選擇框(JComboBox)

JComboBox每次只能選擇其中的一項,但是可編輯每項的內容,而且每項的內容可以是任意類,而不再侷限於String。如圖

7.2.3.13 文件選擇器(JFileChooser)

JFileChooser內建有"打開","存儲"兩種對話框,還可以自己定義其他種類的對話框。如圖

7.2.3.14 標籤(JLabel)

提供可帶圖形的標籤  如圖

7.2.3.15 列表(List)

適用於數量較多的選項以列表形式顯示,裏面的項目可以由任意類型對象構成。支持單選和多選。如圖

7.2.3.16 菜單(JMenu)

JMenu與AWT的菜單Menu的不同之處是它可以通過setJMenuBar(menubar)將菜單放置到容器中的任意地方。如圖

7.2.3.17 進程條(JProgressBar)

進程條是提供一個直觀的圖形化的進度描述,從"空"到"滿"的過程。如圖

7.2.3.18 滑動條(JSlider)

滑動條使得用戶能夠通過一個滑塊的來回移動來輸入數據。如圖

 

7.2.3.19 表格(JTable)

  表格是Swing新增加的組件,主要功能是把數據以二維表格的形式顯示出來。使用表格,依據M-V-C的思想,最好先生成一個MyTableModel類型的對象來表示數據,這個類是從AbstractTableModel類中繼承來的,其中有幾個方法是一定要重寫,例如getColumnCount,getRowCount,getColumnName,getValueAt。因爲Jtable會從這個對象中自動獲取表格顯示所必需的數據,AbstractTableModel類的對象負責表格大小的確定(行、列)、內容的填寫、賦值、表格單元更新的檢測等等一切跟表格內容有關的屬性及其操作。JTable類生成的對象以該TableModel爲參數,並負責將TableModel對象中的數據以表格的形式顯示出來。

  JTable類常用的方法有:
  getModel() //獲得表格的數據來源對象
  JTable(TableModel dm) //dm對象中包含了表格要顯示的數據
  //下列兩個構造方法,第一個參數是數據,第二個參數是表格第一行中顯示的內容
  JTable(object[][]rowData,object[]columnNams);
  JTable(Vector[][]rowData,Vector[]columnNams);

 例7.3 RecorderOfWorkers
  import javax.swing.JTable;
  import javax.swing.table.AbstractTableModel;
  import javax.swing.JScrollPane;
  import javax.swing.JFrame;
  import javax.swing.SwingUtilities;
  import javax.swing.JOptionPane;
  import java.awt.*;
  import java.awt.event.*;

  public class TableDemo extends JFrame {
    private boolean DEBUG = true;
    public TableDemo() { //實現構造方法
      super("RecorderOfWorkers"); //首先調用父類JFrame的構造方法生成一個窗口
      MyTableModel myModel = new MyTableModel();//myModel存放表格的數據
      JTable table = new JTable(myModel);//表格對象table的數據來源是myModel對象
      table.setPreferredScrollableViewportSize(new Dimension(500, 70));//表格的顯示尺寸

      //產生一個帶滾動條的面板
      JScrollPane scrollPane = new JScrollPane(table);

      //將帶滾動條的面板添加入窗口中
      getContentPane().add(scrollPane, BorderLayout.CENTER);

      addWindowListener(new WindowAdapter() {//註冊窗口監聽器
        public void windowClosing(WindowEvent e) {
          System.exit(0);
        }
      });
  }
        //把要顯示在表格中的數據存入字符串數組和Object數組中
  class MyTableModel extends AbstractTableModel {
     //表格中第一行所要顯示的內容存放在字符串數組columnNames中
      final String[] columnNames = {"First Name",
                  "Position",
                  "Telephone",
                  "MonthlyPay",
                  "Married"};
     //表格中各行的內容保存在二維數組data中
      final Object[][] data = {
        {"Wangdong", "Executive",
        "01068790231", new Integer(5000), new Boolean(false)},
        {"LiHong", "Secretary",
        "01069785321", new Integer(3500), new Boolean(true)},
        {"LiRui", "Manager",
        "01065498732", new Integer(4500), new Boolean(false)},
        {"ZhaoXin", "Safeguard",
        "01062796879", new Integer(2000), new Boolean(true)},
        {"ChenLei", "Salesman",
        "01063541298", new Integer(4000), new Boolean(false)}
      };

      //下述方法是重寫AbstractTableModel中的方法,其主要用途是被JTable對象調用,以便在表格中正確的顯示出來。程序員必須根據採用的數據類型加以恰當實現。
 
      //獲得列的數目

      public int getColumnCount() {
         return columnNames.length;
      }

      //獲得行的數目
      public int getRowCount() {
         return data.length;
      }

      //獲得某列的名字,而目前各列的名字保存在字符串數組columnNames中
      public String getColumnName(int col) {
         return columnNames[col];
      }

      //獲得某行某列的數據,而數據保存在對象數組data中
      public Object getValueAt(int row, int col) {
         return data[row][col];
      }

      //判斷每個單元格的類型
      public Class getColumnClass(int c) {
         return getValueAt(0, c).getClass();
      }

      //將表格聲明爲可編輯的
      public boolean isCellEditable(int row, int col) {

         if (col < 2) {
           return false;
         } else {
           return true;
         }
      }

      //改變某個數據的值
      public void setValueAt(Object value, int row, int col) {
         if (DEBUG) {
           System.out.println("Setting value at " + row + ",
                 " + col
                  + " to " + value
                  + " (an instance of "
                  + value.getClass() + ")");
         }

         if (data[0][col] instanceof Integer
             && !(value instanceof Integer)) {
          try {
             data[row][col] = new Integer(value.toString());
             fireTableCellUpdated(row, col);
          } catch (NumberFormatException e) {
             JOptionPane.showMessageDialog(TableDemo.this,
              "The \"" + getColumnName(col)
              + "\" column accepts only integer values.");
          }
      } else {
          data[row][col] = value;
          fireTableCellUpdated(row, col);
      }

      if (DEBUG) {
          System.out.println("New value of data:");
          printDebugData();
      }
   }

   private void printDebugData() {
     int numRows = getRowCount();
      int numCols = getColumnCount();

      for (int i=0; i < numRows; i++) {
        System.out.print(" row " + i + ":");
        for (int j=0; j < numCols; j++) {
          System.out.print(" " + data[i][j]);
        }
        System.out.println();
      }
      System.out.println("--------------------------");
   }
  }

  public static void main(String[] args) {
   TableDemo frame = new TableDemo();
   frame.pack();
   frame.setVisible(true);
  }
 }

7.2.3.20 樹(JTree)


    要顯示一個層次關係分明的一組數據,用樹狀圖表示能給用戶一個直觀而易用的感覺,JTree類如同Windows的資源管理器的左半部,通過點擊可以"打開"、"關閉"文件夾,展開樹狀結構的圖表數據。JTree也是依據M-V-C的思想來設計的,Jtree的主要功能是把數據按照樹狀進行顯示,其數據來源於其它對象,其顯示效果通常如下圖所示

              

  下面是一棵包含六個分枝點的樹的例子,來演示JTree的實現過程。

  import java.awt.*;
  import java.awt.event.*;
  import javax.swing.*;
  import javax.swing.tree.*;
  class Branch{
     DefaultMutableTreeNode r;
//DefaultMutableTreeNode是樹的數據結構中的通用節點,節點也可以有多個子節點。
    public Branch(String[] data){
       r=new DefaultMutableTreeNode(data[0]);
       for(int i=1;i<data.length;i++)
       r.add(new DefaultMutableTreeNode(data[i]));
        //給節點r添加多個子節點

    }
    public DefaultMutableTreeNode node(){//返回節點
       return r;
    }
  }
  public class Trees extends JPanel{
    String [][]data={
            {"Colors","Red","Blue","Green"},
            {"Flavors","Tart","Sweet","Bland"},
            {"Length","Short","Medium","Long"},
            {"Volume","High","Medium","Low"},
            {"Temperature","High","Medium","Low"},
            {"Intensity","High","Medium","Low"}
            };
    static int i=0; //I用於統計按鈕點擊的次數
    DefaultMutableTreeNode root,child,chosen;
    JTree tree;
    DefaultTreeModel model;
    public Trees(){
       setLayout(new BorderLayout());
       root=new DefaultMutableTreeNode("root");
       //根節點進行初始化

       tree=new JTree(root);
       //樹進行初始化,其數據來源是root對象

       add(new JScrollPane(tree));
       //把滾動面板添加到Trees中

       model=(DefaultTreeModel)tree.getModel();
       //獲得數據對象DefaultTreeModel
       JButton test=new JButton("Press me");
       //按鈕test進行初始化
       test.addActionListener(new ActionListener(){
       //按鈕test註冊監聽器

          public void actionPerformed(ActionEvent e){
          if (i<data.length){
          //按鈕test點擊的次數小於data的長度

              child=new Branch(data[i++]).node();
              //生成子節點

              chosen=(DefaultMutableTreeNode)
              //選擇child的父節點

                  tree.getLastSelectedPathComponent();
                  if(chosen==null) chosen=root;
                  model.insertNodeInto(child,chosen,0);
                  //把child添加到chosen
          }
       }
    });
    test.setBackground(Color.blue);
    //按鈕test設置背景色爲藍色

    test.setForeground(Color.white);
    //按鈕test設置前景色爲白色

    JPanel p=new JPanel();
    //面板p初始化

    p.add(test);
    //把按鈕添加到面板p中

    add(p,BorderLayout.SOUTH);
    //把面板p添加到Trees中

  }
  public static void main(String args[]){
    JFrame jf=new JFrame("JTree demo");

    jf.getContentPane().add(new Trees(), BorderLayout.CENTER);
           //把Trees對象添加到JFrame對象的中央
    jf.setSize(200,500);
    jf.setVisible(true);
  }
 }

  運行結果是多種多樣的,與用戶點擊按鈕的次序有關,其中一種結果如下

 

 

7.2.4 佈局管理器

  和AWT相同,爲了容器中的組件能實現平臺無關的自動合理排列,Swing也採用了佈局管理器來管理組件的排放、位置、大小等佈置任務,在此基礎上將顯示風格做了改進。

  另外一個不同點在於Swing雖然有頂層容器,但是我們不能把組件直接加到頂層容器中,Swing窗體中含有一個稱爲內容面板的容器(ContentPane),在頂層容器上放內容面板,然後把組件加入到內容面板中,前面已講過如何得到和設置內容面板。

  所以,在Swing中,設置佈局管理器是針對於內容面板的,另外Swing新增加了一個BoxLayout佈局管理器。顯示上與AWT略有不同,如下圖所示:

          
 
    





  現在簡單介紹一下BoxLayout佈局管理器

  BoxLayout佈局管理器按照自上而下(y軸)或者從左到右(x軸)的順序佈局依次加入組件。建立一個BoxLayout對象,必須指明兩個參數:被佈局的容器和BoxLayout的主軸。缺省情況下,組件在縱軸方向上居中對齊。

  設置佈局管理器的方法如下:
  pane.setLayout(new BoxLayout(pane,BoxLayout.Y-AXIS));

        

  JScrollPane listScroller=new JScrollPane(list);
  listScroller.setPreferredSize(new Demension(250,80));
  listScroller.setMinimumSize(new Dimension(250,80));
  listScroller.setAlignmentX(LEFT_ALIGNMENT);
  ……
  //從上到下設置標籤和滾動板.
  JPanel listPane=new JPanel();
  listPane.setLayout(new BoxLayout(listPanae,BoxLayout,Y_AXIS));
  JLabel label=new JLabel(labelText);
  listPane.add(label);
  listPane.add(Box.createRigidArea(new Demension(0,5)));
  listPane.add(listScroller);
  listPane.setBorder(BorderFactory.creatEmptyBorder(10,10,10,10);
  //從左到右設置按鈕
  JPanel buttonPane=new JPanel();
  buttonPane.setLayout(new BoxLayout(buttonPane,Boxlayout.X_AXIS));
  buttonPane.setBoder(BorderFactory.createEmptyBorder(0,10,10,10));
  buttonPane.add(Box.createHorizontalGlue());
  buttonPane.add(cancelButton);
  buttonPane.add(Box.createRigiArea(new Dimension(10,0)));
  buttonPane.add(setButton);
  Container contentPane=getContentPane();
  contentPane.add(listPane,BorderLayout.CENTER);
  contentPane.add(buttonPane,BorderLayout.SOUTH);

【本講小結】

  對於AWT而言,Java 1.1到Java 1.2最大的改變就是Java中所有的庫。當Java 1.1版納入新的事件模型和Java Beans時,平臺被設置--現在它可以被拖放到可視化的應用程序構建工具中,創建GUI組件。另外,事件模型的設計和Bean無疑對輕鬆的編程和可維護的代碼都非常有益。對於Swing組件而言,交叉平臺GUI編程可以變成一種有意義的嘗試。

  本章主要介紹了一些Swing的新特性,它和AWT相比有哪些不同的方法和應用,着重闡述了Swing的特色組件和容器,並以圖形的形式給出具體描述,同時介紹了組件的分類,使用Swing的基本規則,各種容器面板以及佈局管理器,由於Swing是Java2新增特性, 它對圖形化用戶界面提供了龐大而複雜的類庫支持,要能做到開發和實用,還需做大量工作,利用API的幫助,逐步深入摸索其規律,從組件和容器入手,掌握其特色方法。從另一角度來看,Swing和AWT無論是佈局管理器還是事件處理機制,以及對一些重量容器的保留和使用,都是我們非常熟悉的內容,其原理我們已在AWT一章做了詳細介紹,因此,AWT作爲Swing的基礎,是需要很好掌握的,希望大家能在不斷設計應用中摸索出新方法和新技巧。

7.1.4 MVC(Model-View-Control)體系結構

  Swing勝過AWT的主要優勢在於MVC體系結構的普遍使用。在一個MVC用戶界面中,存三個通訊對象:模型、視圖和控件。模型是指定的邏輯表示法,視圖是模型的可視化表示法,而控件則指定了如何處理用戶輸入。當模型發生改變時,它會通知所有依賴它的視圖,視圖使用控件指定其相應機制。

  爲了簡化組件的設計工作,在Swing組件中視圖和控件兩部分合爲一體。每個組件有一個相關的分離模型和它使用的界面(包括視圖和控件)。比如,按鈕JButton有一個存儲其狀態的分離模型ButtonModel對象。組件的模型是自動設置的,例如一般都使用JButton 而不是使用ButtonModel 對象。另外,通過Model類的子類或通過實現適當的接口,可以爲組件建立自己的模型。把數據模型與組件聯繫起來用setModel( )方法。

  MVC是現有的編程語言中製作圖形用戶界面的一種通用的思想,其思路是把數據的內容本身和顯示方式分離開,這樣就使得數據的顯示更加靈活多樣。比如,某年級各個班級的學生人數是數據,則顯示方式是多種多樣的,可以採用柱狀圖顯示,也可以採用餅圖顯示,也可以採用直接的數據輸出。因此在設計的時候,就考慮把數據和顯示方式分開,對於實現多種多樣的顯示是非常有幫助的。

7.1.5 可存取性支持

  所有Swing組件都實現了Accessible接口,提供對可存取性的支持,使得輔助功能如屏幕閱讀器能夠十分方便的從Swing組件中得到信息。

7.1.6 支持鍵盤操作

  在Swing組件中,使用JComponent類的registerKeyboardAction()方法,能使用戶通過鍵盤操作來替代鼠標驅動GUI上Swing組件的相應動作。有些類還爲鍵盤操作提供了更便利的方法。

  其實這就相當於熱鍵,使得用戶可以只用鍵盤進行操作。

7.1.7 設置邊框

  對Swing組件可以設置一個和多個邊框。Swing中提供了各式各樣的邊框供用戶選用,也能建立組合邊框或自己設計邊框。一種空白邊框可以增大組件,協助佈局管理器對容器中的組件進行合理的佈局。

7.1.8 使用圖標(Icon)

  與AWT的部件不同,許多Swing組件如按鈕、標籤,除了使用文字外,還可以使用圖標修飾自己。

例7.1:
  import javax.swing.*; //引入Swing包名
             //import com.sun.java.swing.*;
             //使用JDK 1.2 Beta 4版和所有Swing 1.1 Beta 3
             //之前的
版本,引入Swing包名用此方法。
  import java.awt.*;
  import java.awt.event.*;
  public class SwingApplication {
    private static String labelPrefix = "Number of button clicks: ";
    private int numClicks = 0; //計數器,計算點擊次數
    public Component createComponents() {
      final JLabel label = new JLabel(labelPrefix + "0 ");

      JButton button = new JButton("I'm a Swing button!");
    button.setMnemonic(KeyEvent.VK_I); //設置按鈕的熱鍵爲'I'
    button.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent e) {
        numClicks++;
        label.setText(labelPrefix + numClicks);
                 //顯示按鈕被點擊的次數

      }
    });
    label.setLabelFor(button);

    /* 在頂層容器及其內容之間放置空間的常用辦法是把內容添加到Jpanel上,而Jpanel本身沒有邊框的。*/

    JPanel pane = new JPanel();
    pane.setBorder(BorderFactory.createEmptyBorder(
              30, //top
              30, //left
              10, //bottom
              30) //right
              );
     pane.setLayout(new GridLayout(0, 1)); //單列多行
     pane.add(button);
     pane.add(label);
     return pane;
  }

  public static void main(String[] args) {
     try {
       UIManager.setLookAndFeel(
         UIManager.getCrossPlatformLookAndFeelClassName());
                          //設置窗口風格

     } catch (Exception e) { }

     //創建頂層容器並添加內容.
     JFrame frame = new JFrame("SwingApplication");
     SwingApplication app = new SwingApplication();
     Component contents = app.createComponents();
     frame.getContentPane().add(contents, BorderLayout.CENTER);

     //窗口設置結束,開始顯示
     frame.addWindowListener(new WindowAdapter() {
                      //匿名類用於註冊監聽器

       public void windowClosing(WindowEvent e) {
         System.exit(0);
       }
     });
     frame.pack();
     frame.setVisible(true);
   }
  }

   查看運行結果

7.1.9 Swing程序結構簡介

  Swing的程序設計一般可按照下列流程進行:
  1. 引入Swing包
  2. 選擇"外觀和感覺"
  3. 設置頂層容器
  4. 設置按鈕和標籤
  5. 向容器中添加組件
  6. 在組件周圍添加邊界
  7. 進行事件處理

  例子7.1說明了Swing中程序設計的結構以及最基本的組件Button和Label的用法。在程序中,我們建立一個Swing風格的窗口,並在其中添加一個按鈕,程序中保存一個計數器以計算按鈕被點擊的次數,並在每一次點擊之後用一個Label顯示。在這個程序中我們可以看到Swing組件的使用與AWT組件的使用基本方法一致,使用的事件處理機制也完全相同。這些在前面的AWT中已經講過,不再贅述。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章