在界面設計中,一個容器要放置許多組件,為了美觀,為組件安排在容器中的位置,這就是布局設計。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】應用程序設有五個標簽、分別放于窗口的東、西、南、北和中五個區域。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
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總是帶水平和垂直滾動條,滾動面板的可視范圍小于面板的實際要求,可以移動滾動條的滑塊顯示面板原先不在可視范圍內的區域。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
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布局:
1
2
3
|
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
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);