Java知多少（84）圖形界面之布局設計

在界面設計中，一個容器要放置許多組件，為了美觀，為組件安排在容器中的位置，這就是布局設計。java.awt中定義了多種布局類，每種布局類對應一種布局的策略。常用的有以下布局類：

• FlowLayout,依次放置組件。
• BoarderLayout,將組件放置在邊界上。
• CardLayout,將組件像撲克牌一樣疊放，而每次只能顯示其中一個組件。
• GridLayout,將顯示區域按行、列划分成一個個相等的格子，組件依次放入這些格子中。
• GridBagLayout,將顯示區域划分成許多矩形小單元，每個組件可占用一個或多個小單元。

其中GridBagLayout能進行精細的位置控制，也最復雜，本教程暫不討論這種布局策略，將在專題文章中進行詳細講解。

每個容器都有一個布局管理器，由它來決定如何安排放入容器內的的組件。布局管理器是實現LayoutManager接口的類。

一.FlowLayout布局 (JApplet,JPanel,JScrollPane默認布局)

FlowLayout布局是將其中的組件按照加入的先后順序從左到右排列，一行滿之后就轉到一下行繼續從左到右排列，每一行中的組件都居中排列。這是一種最簡便的布局策略，一般用於組件不多的情況，當組件較多時，容器中的組件就會顯得高低不平，各行長短不一。

FlowLayout是小應用程序和面板默認布局，FlowLayout布局的構造方法有：

1. FlowLayout(),生成一個默認的FlowLayout布局。默認情況下，組件居中，間隙為5個像素。
2. FlowLayout(int aligment),設定每珩的組件的對齊方式。alignment取值可以為 FlowLayout.LEFT,FlowLayout.CENTER,FlowLayout.RIGHT。
3. FlowLayout(int aligment,int horz, int vert),設定對齊方式，並設定組件的水平間距horz和垂直間距vert，用超類Container的方法setLayout()為容器設定布局。例如，代碼setLayout(new FlowLayout())為容器設定 FlowLayout布局。將組件加入容器的方法是add(組件名)。

二.BorderLayout布局(JWindow、JFrame,JDialog的默認布局)

BorderLayout布局策略是把容器內的空間簡單划分為東“East”,西 “West”,南 “South”,北 “North”，中 “Center”五個區域。加入組件時，都應該指明把組件放在哪一個區域中。一個位置放一個組件。如果某個位置要加入多個組件，應先將要加入該位置的組件放放另一個容器中，然后再將這個容器加入到這個個位置。

BorderLayout布局的構造方法有：
(1) BorderLayout(),生成一個默認的BorderLayout布局。默認情況下，沒有間隙。
(2) BorderLayout(int horz,int vert),設定組件之間的水平間距和垂直間距。

BorderLayout布局策略的設定方法是setLayout(new BorderLayout())。將組件加入到容器的方法是add(組件名，位置)，如果加入組件時沒有指定位置，則默認為“中”位置。

BorderLayout布局是JWindow、JFrame,JDialog的默認布局。
【例 11-5】應用程序設有五個標簽、分別放於窗口的東、西、南、北和中五個區域。

import javax.swing.*;import java.awt.*;
public class J505{
    public static void main(String[]args){
        JLabel label1,label2,label3,label4,label5;
        JFrame mw=new JFrame("我是一個窗口");//創建一個窗口容器對象
        mw.setSize(250,200);
        Container con=mw.getContentPane();
        con.setLayout(new BorderLayout());
        label1=new JLabel("東標簽");//默認左對齊
        label2=new JLabel("南標簽",JLabel.CENTER);
        label3=new JLabel("西標簽");
        label4=new JLabel("北標簽",JLabel.CENTER);
        label5=new JLabel("中標簽",JLabel.CENTER);
        con.add(label1,"East");
        con.add(label2,"South");
        con.add(label3,"West");
        con.add(label4,"North");
        con.add(label5,"Center");
        mw.setVisible(true);
    }
}

三.GridLayout布局

GridLayout布局是把容器划分成若干行和列的網格狀，行數和列數由程序控制，組件放在網格的小格子中。GridLayout布局的特點是組件定位比較精確。由於GridLayout布局中每個網格具有相同形狀和大小，要求放入容器的組件也應保持相同的大小。

GridLayout布局的構造方法有：
(1) GridLayout(),生成一個單列的GridLayout布局。默認情況下，無間隙。
(2) GridLayout(int row,int col),設定一個有行row和列col的GridLayout布局。
(3) GridLayout(int row,int col,int horz,int vert),設定布局的行數和列數、組件的水平間距和垂直間距。

GridLayout布局以行為基准，當放置的組件個數超額時，自動增加列；反之，組件太少也會自動減少列，行數不變，組件按行優先順序排列(根據組件自動增減列)。GridLayout布局的每個網格必須填入組件，如果希望某個網格為空白，可以用一個空白標簽(add(new Label()))頂替。

【例 11-6】小應用程序先將若干個按鈕和若干個標簽放入JPanel中，然后將JPanel放入JScrollPane中，最后，將JScrollPane放入小程序的窗口中，程序所創建的JScrollPane總是帶水平和垂直滾動條，滾動面板的可視范圍小於面板的實際要求，可以移動滾動條的滑塊顯示面板原先不在可視范圍內的區域。

import java.applet.*;
import javax.swing.*;
import java.awt.*;
class MyWindow extends JFrame{
    public MyWindow(int w,int h){
        setTitle("滾動面板實例");
        Container con=getContentPane();
        con.setPreferredSize(new Dimension(w,h));
        con.setLayout(new BorderLayout());
        JPanel p=new JPanel();
        p.setLayout(new GridLayout(6,6));
        for (int i=0;i<6;i++){
            p.add(new JLabel());
            for(int j=1;j<=2;j++){
                p.add(new JButton("按鈕"+(2*i+j)));
                p.add(new JLabel("標簽"+(2*i+j)));
            }
            p.add(new JLabel());
        }
        p.setBackground(Color.blue);
        p.setPreferredSize(new Dimension(w+60,h+60));
        JScrollPane ScrollPane=new JScrollPane(p);
        ScrollPane.setPreferredSize(new Dimension(w-60,h-60));
        add(ScrollPane,BorderLayout.CENTER);//小程序添加滾動面板
        setVisible(true); pack();
    }
}
class ScrollPane extends JScrollPane{
    public ScrollPane(Component p){
        super(p);
        setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
        setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
    }
}
public class J506 extends Applet{
    MyWindow myWindow;
    public void init(){
        myWindow=new MyWindow(400,350);
    }
}

GridLayout布局要求所有組件的大小保持一致，這可能會使用界面外觀不夠美觀。一個補救的辦法是讓一些小組件合並放在一個容器中，然后把這個容器作為組件，再放入到GridLayout布局中。這就是前面所說的容器嵌套。例如，容器A使用GridLayout布局，將容器均分為網格；另有容器B和C各放入若干組件后，把B和C分別作為組件添加到容器A中。容器B和C也可以設置為GridLayout布局，把自己分為若干網格，也可以設置成其他布局。這樣，從外觀來看，各組件的大小就有了差異。

四.CardLayout布局

采用CardLayout布局的容器雖可容納多個組件，但是多個組件擁有同一個顯示空間，某一時刻只能顯示一個組件。就像一疊撲克牌每次只能顯示最上面的一張一樣，這個顯示的組件將占據容器的全部空間。CardLayout布局設計步驟如下：
先創建CardLayout布局對象。然后，使用setLayout()方法為容器設置布局。最的，調用容器的add()方法將組件加入容器。CardLayout布局策略加入組件的方法是：
    add(組件代號，組件);
其中組件代號是字符串，是另給的，與組件名無關。

例如，以下代碼為一個JPanel容器設定CardLayout布局：
    CardLayout myCard = new CardLayout();//創建CardLayout布局對象
    JPanel p = new JPanel();//創建Panel對象
    p.setLayout(myCard);

用CardLayout類提供的方法顯示某一組件的方式有兩種：
(1) 使用show(容器名，組件代號)形式的代碼，指定某個容器中的某個組件顯示。例如，以下代碼指定容器p的組件代號k，顯示這個組件：
    myCard.show(p,k);
(2) 按組件加入容器的順序顯示組件。
first(容器)：例如，代碼myCard.first(p);
last(容器)：例如 ， myCard.last(p);
next(容器)：例如，myCard.next(p);
previous(容器):myCard.previous(p);

【例11-7】小應用程序使用CardLayout布局，面板容器p使用CardLayout布局策略設置10個標簽組件。窗口設有4個按鈕，分別負責顯示p的第一個組件、最后一個組件、當前組件的前一個組件和當前的組件的最后一個組件。

import java.applet.*;import java.awt.*;
import java.awt.event.*;import javax.swing.*;
class MyPanel extends JPanel{
    int x;JLabel label1;
    MyPanel(int a){
        x=a;getSize();
        label1=new JLabel("我是第"+x+"個標簽");add(label1);
    }
    public Dimension getPreferredSize(){
        return new Dimension(200,50);
    }
}
public class J507 extends Applet implements ActionListener{
    CardLayout mycard;MyPanel myPanel[];JPanel p;
    private void addButton(JPanel pan,String butName,ActionListener listener){
        JButton aButton=new JButton(butName);
        aButton.addActionListener(listener);
        pan.add(aButton);
    }
    public void init(){
        setLayout(new BorderLayout());//小程序的布局是邊界布局
        mycard=new CardLayout();
        this.setSize(400,150);
        p=new JPanel();p.setLayout(mycard);//p的布局設置為卡片式布局
        myPanel=new MyPanel[10];
        for(int i=0;i<10;i++){
            myPanel[i]=new MyPanel(i+1);
            p.add("A"+i,myPanel[i]);
        }
        JPanel p2=new JPanel();
        addButton(p2,"第一個",this);
        addButton(p2,"最后一個",this);
        addButton(p2,"前一個",this);
        addButton(p2,"后一個",this);
        add(p,"Center"); add(p2,"South");
    }
    public void actionPerformed(ActionEvent e){
        if (e.getActionCommand().equals("第一個"))mycard.first(p);
        else if(e.getActionCommand().equals("最后一個"))mycard.last(p);
        else if(e.getActionCommand().equals("前一個"))mycard.previous(p);
        else if(e.getActionCommand().equals("后一個"))mycard.next(p);
    }
}

五.null布局與setBounds方法

空布局就是把一個容器的布局設置為null布局。空布局采用setBounds()方法設置組件本身的大小和在容器中的位置：
    setBounds(int x,int y,int width,int height)
組件所占區域是一個矩形，參數x,y是組件的左上角在容器中的位置坐標；參數weight,height是組件的寬和高。空布局安置組件的辦法分兩個步驟：先使用add()方法身容器添加組件。然后調用setBounds()方法設置組件在容器中的位置和組件本身的大小。與組件相關的其他方法：

1. getSize().width,
2. getSize().height
3. setVgap(ing vgap)
4. setHgap(int hgap);

系列文章：

Java知多少（上）

Java知多少（中）

Java知多少（78）Java向量(Vector)及其應用

Java知多少（79）哈希表及其應用

Java知多少（80）圖形界面設計基礎

Java知多少（81）框架窗口基礎

Java知多少（82）標簽、按鈕和按鈕事件簡介

Java知多少（83）面板基礎：JPanel和JScrollPane