转载

Java知多少（84）图形界面之布局设计

在界面设计中，一个容器要放置许多组件，为了美观，为组件安排在容器中的位置，这就是布局设计。java.awt中定义了多种布局类，每种布局类对应一种布局的策略。常用的有以下布局类：

FlowLayout,依次放置组件。
BoarderLayout,将组件放置在边界上。
CardLayout,将组件像扑克牌一样叠放，而每次只能显示其中一个组件。
GridLayout,将显示区域按行、列划分成一个个相等的格子，组件依次放入这些格子中。
GridBagLayout,将显示区域划分成许多矩形小单元，每个组件可占用一个或多个小单元。

其中GridBagLayout能进行精细的位置控制，也最复杂，本教程暂不讨论这种布局策略，将在专题文章中进行详细讲解。

每个容器都有一个布局管理器，由它来决定如何安排放入容器内的的组件。布局管理器是实现LayoutManager接口的类。

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

FlowLayout布局是将其中的组件按照加入的先后顺序从左到右排列，一行满之后就转到一下行继续从左到右排列，每一行中的组件都居中排列。这是一种最简便的布局策略，一般用于组件不多的情况，当组件较多时，容器中的组件就会显得高低不平，各行长短不一。

FlowLayout是小应用程序和面板默认布局，FlowLayout布局的构造方法有：

FlowLayout(),生成一个默认的FlowLayout布局。默认情况下，组件居中，间隙为5个像素。
FlowLayout(int aligment),设定每珩的组件的对齐方式。alignment取值可以为 FlowLayout.LEFT,FlowLayout.CENTER,FlowLayout.RIGHT。
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】应用程序设有五个标签、分别放于窗口的东、西、南、北和中五个区域。

 1 import javax.swing.*;import java.awt.*;  2 public class J505{  3     public static void main(String[]args){  4         JLabel label1,label2,label3,label4,label5;  5         JFrame mw=new JFrame("我是一个窗口");//创建一个窗口容器对象  6         mw.setSize(250,200);  7         Container con=mw.getContentPane();  8         con.setLayout(new BorderLayout());  9         label1=new JLabel("东标签");//默认左对齐 10         label2=new JLabel("南标签",JLabel.CENTER); 11         label3=new JLabel("西标签"); 12         label4=new JLabel("北标签",JLabel.CENTER); 13         label5=new JLabel("中标签",JLabel.CENTER); 14         con.add(label1,"East"); 15         con.add(label2,"South"); 16         con.add(label3,"West"); 17         con.add(label4,"North"); 18         con.add(label5,"Center"); 19         mw.setVisible(true); 20     } 21 }

三.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总是带水平和垂直滚动条，滚动面板的可视范围小于面板的实际要求，可以移动滚动条的滑块显示面板原先不在可视范围内的区域。

 1 import java.applet.*;  2 import javax.swing.*;  3 import java.awt.*;  4 class MyWindow extends JFrame{  5     public MyWindow(int w,int h){  6         setTitle("滚动面板实例");  7         Container con=getContentPane();  8         con.setPreferredSize(new Dimension(w,h));  9         con.setLayout(new BorderLayout()); 10         JPanel p=new JPanel(); 11         p.setLayout(new GridLayout(6,6)); 12         for (int i=0;i<6;i++){ 13             p.add(new JLabel()); 14             for(int j=1;j<=2;j++){ 15                 p.add(new JButton("按钮"+(2*i+j))); 16                 p.add(new JLabel("标签"+(2*i+j))); 17             } 18             p.add(new JLabel()); 19         } 20         p.setBackground(Color.blue); 21         p.setPreferredSize(new Dimension(w+60,h+60)); 22         JScrollPane ScrollPane=new JScrollPane(p); 23         ScrollPane.setPreferredSize(new Dimension(w-60,h-60)); 24         add(ScrollPane,BorderLayout.CENTER);//小程序添加滚动面板 25         setVisible(true); pack(); 26     } 27 } 28 class ScrollPane extends JScrollPane{ 29     public ScrollPane(Component p){ 30         super(p); 31         setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS); 32         setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS); 33     } 34 } 35 public class J506 extends Applet{ 36     MyWindow myWindow; 37     public void init(){ 38         myWindow=new MyWindow(400,350); 39     } 40 }

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的第一个组件、最后一个组件、当前组件的前一个组件和当前的组件的最后一个组件。

 1 import java.applet.*;import java.awt.*;  2 import java.awt.event.*;import javax.swing.*;  3 class MyPanel extends JPanel{  4     int x;JLabel label1;  5     MyPanel(int a){  6         x=a;getSize();  7         label1=new JLabel("我是第"+x+"个标签");add(label1);  8     }  9     public Dimension getPreferredSize(){ 10         return new Dimension(200,50); 11     } 12 } 13 public class J507 extends Applet implements ActionListener{ 14     CardLayout mycard;MyPanel myPanel[];JPanel p; 15     private void addButton(JPanel pan,String butName,ActionListener listener){ 16         JButton aButton=new JButton(butName); 17         aButton.addActionListener(listener); 18         pan.add(aButton); 19     } 20     public void init(){ 21         setLayout(new BorderLayout());//小程序的布局是边界布局 22         mycard=new CardLayout(); 23         this.setSize(400,150); 24         p=new JPanel();p.setLayout(mycard);//p的布局设置为卡片式布局 25         myPanel=new MyPanel[10]; 26         for(int i=0;i<10;i++){ 27             myPanel[i]=new MyPanel(i+1); 28             p.add("A"+i,myPanel[i]); 29         } 30         JPanel p2=new JPanel(); 31         addButton(p2,"第一个",this); 32         addButton(p2,"最后一个",this); 33         addButton(p2,"前一个",this); 34         addButton(p2,"后一个",this); 35         add(p,"Center"); add(p2,"South"); 36     } 37     public void actionPerformed(ActionEvent e){ 38         if (e.getActionCommand().equals("第一个"))mycard.first(p); 39         else if(e.getActionCommand().equals("最后一个"))mycard.last(p); 40         else if(e.getActionCommand().equals("前一个"))mycard.previous(p); 41         else if(e.getActionCommand().equals("后一个"))mycard.next(p); 42     } 43 }