GUI編程技術(shù)-布局管理.

1、湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙授課日期授課班級(jí)軟件308-1學(xué)期授課計(jì)劃的GUI 編程技術(shù)-布局管理章節(jié)順序：授課目的與要求：布局設(shè)計(jì)BorderLayoutFlowLayoutCardLayoutGridLayoutBoxLayoutNull布局課堂類型：多媒體授課主要教具：多媒體、PPT新課重點(diǎn)與難點(diǎn)：布局設(shè)計(jì)熟練掌握幾大常用的布局管理器課外作業(yè)（練習(xí)題或思考題）任課教師：易斌湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙GUI 編程技術(shù)-布局管理1.邊界布局一 BorderLayout是窗口的默認(rèn)布局使用這種布局的容器，空間被分為東、西、南、北、中5 個(gè)區(qū)域，由 BorderLayout 中的 5 個(gè)靜

2、態(tài)常量 EAST、WEST、SOUTH、NORTH、 CENTER 表示添加組件時(shí)，使用表示方位的常量規(guī)定添加組件的位置add(b1,BorderLayout.SOUTH),也可以使用指定的字符串表示方位： add(b1, South)構(gòu)造方法BorderLayout()BorderLayout(i nt hgap, int vgap)hgap 水平間隔vgap 垂直間隔使用 BorderLayout 布局管理器的步驟創(chuàng)建 BorderLayout 對(duì)象調(diào)用容器的 setLayout()方法為容器設(shè)置布局管理器 調(diào)用容器的 add(組件，位置)方法向容器中添加組件 BorderLayout 實(shí)

3、例 1import java.awt.*;import java.applet.*;public class E1 exte nds AppletButton b1,b2,b3,b4;TextArea ta;public void in it()湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙BorderLayout b=new BorderLayout(10,10);/ setLayout(b);b1= new Butt on (butto n1);b2=new Butt on (butto n2);b3=new Butt on (butto n3);b4=new Butt on (butto n4);ta=

4、new TextArea(ce nter,5,10);ta.setFo nt(n ew Fon t(,Fo nt.BOLD,18); add(ta,Center);add(b1,East);add(b2,West);add(b3,South);add(b4,North);2. FlowLayout 布局管理器流布局在一個(gè) left-to-right 流中安排組件， 常用于在面板中安 排按鈕。它會(huì)從左到右的安排按鈕直到在同一行中不可以再放置 更多的按鈕時(shí)為止。 每行都是中心對(duì)齊的。構(gòu)造方法FlowLayout()FlowLayout(i nt alig n)alig n : FlowLayout

5、.LEFT、FlowLayout.RIGHT 、FlowLayout.CENTERFlowLayout(i nt alig n, int hgap, int vgap)方法getAilg nmen t()setAlig nmen t(i nt alig n)湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙使用 FlowLayout 布局管理器的步驟 創(chuàng)建 FlowLayout 對(duì)象 容器調(diào)用 setLayout()方法容器添加組件FlowLayout 實(shí)例在構(gòu)造方法的前面添加職下代碼：FlowLayout fl=new FlowLayout(FlowLayout.LEFT ，10，10);setLayout(f

6、l);3. CardLayout 布局管理器它將容器中的每個(gè)組件當(dāng)作一個(gè)卡片來(lái)處理。在某一時(shí)間，只 有一個(gè)卡片是可見(jiàn)的，容器象一個(gè)裝卡片的盒子。1、構(gòu)造方法：、public CardLayout()(2)、 public CardLayout(int hgap,int vgap):水平間隙置于左 右兩側(cè)，垂直間隙置于上下兩側(cè)。2、CardLayout 的方法public void first(C ontainer pare nt):翻至 U 容器的第一張卡片。參數(shù)：pare nt -進(jìn)行布局的容器的名子。public void n ext(C ontainer pare nt):翻到指疋容器的

7、下一張卡 片。若當(dāng)前可見(jiàn)的卡片是最后一張卡片，則翻到布局中的第一張卡片。public void previous(C ontainer pare nt): 翻到指定容器的前一張卡片。若當(dāng)前可見(jiàn)的卡片是第一張卡片，則翻到布局中的最后一張卡 片。3、使用 CardLayout 管理器的步驟：(1)創(chuàng)建 CardLayout 對(duì)象作為布局管理器湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙(2) 使用容器的 setLayout()方法為容器設(shè)置布局管理器(3) 調(diào)用容器的 add()方法將組件加入容器(4) 調(diào)用 CardLayout 的方法顯示某一個(gè)組件CardLayout 實(shí)例 1import java.awt

8、.*;import java.applet.*;import java.awt.eve nt.*;public class E3 exte nds Applet impleme nts Acti on Liste ner Button b1,b2,b3,b4;Pa nel p;CardLayout card;public void in it()p=new Pan el();card=new CardLayout(20,20);setBackgro un d(Color.white);p.setLayout(card);p.setBackgro un d(Color.red);b1= new

9、Button(第一張卡片);b2=new Button(第二張卡片);b3=new Button(第三張卡片);b4=new Button(第四張卡片);p.add(1,b1);p.add(2,b2);p.add(3,b3);p.add(4,b4);b1.addAct ion Liste ner(this);b2.addAct ion Liste ner(this);b3.addAct ion Liste ner(this);b4.addAct ion Liste ner(this);add(p);湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙public void action Performed(Acti

10、 on Eve nt e)card. next(p); 4. GridLayout 布局管理器以矩形網(wǎng)格形式對(duì)容器中的組件進(jìn)行布局。 容器被分成尺寸相等的矩形，一個(gè)組件放置在一個(gè)矩形中。構(gòu)造方法GridLayout()GridLayout(i nt rows,i nt cols)GridLayout(i nt rows,i nt cols,i nt hgap,i nt vgap)方法getColumns()、setColumns(int cols) getRows()、getRows(introws) 使用 GridLayout 管理器的步驟創(chuàng)建 GridLayout 對(duì)象，并設(shè)置劃分網(wǎng)絡(luò)的行

11、數(shù)和列數(shù)調(diào)用容器的 setLayout()方法為容器設(shè)置布局管理器調(diào)用容器的 add()方法向容器中添加組件GridLayout 布局管理器頭例import java.awt.*;public class E5 exte nds Framepublic E5()setSize(400,300);湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙setLocatio n(100,100);setBackground(Color.CYAN);GridLayout gl=new GridLayout(2,3,5,5);setLayout(gl);add( new Butto n(按鈕 1);add(new Button

12、(”按鈕 2);add(new Button(”按鈕 3);add(new Button(”按鈕 4);add(new Button(按鈕 5);show();public static void main( Stri ngargs)new E5();5. BoxLayout盒式布局javax.swing 包中的類，該包中還提供了一個(gè) Box 類，該類的布 局為盒式布局，而且不谷許更改盒式谷器的布局。構(gòu)造方法public BoxLayout(C ontainer target, int axis)target -需要布置的谷器axis -布置組件時(shí)使用的軸。它可以是以下值之一：BoxLayou

13、t.X_AXIS、BoxLayout.Y_AXIS、BoxLayout.LINE_AXIS 或BoxLayout.PAGE_AXIS湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙public static Box createHoriz on talBox()public static Box createVerticalBox()盒式容器實(shí)例 1import java.awt.*;import javax.swi ng.*;import java.awt.eve nt.*;import java.applet.*;public class E6 exte nds AppletBox baseBox,boxH

14、,boxV;public void in it()baseBox=Box.createHoriz on talBox();boxH=Box.createHoriz on talBox();boxV=Box.createVerticalBox();for (i nt i = 1; i=5; i+)boxH.add( new JButt on (” 按鈕+i); boxV.add( new JButt on(按鈕+i);baseBox.add(boxH);baseBox.add(boxV);add(baseBox);6. null 空布局未使用任何布局的容器必須設(shè)置放置組件的大小和位置。impor

15、t java.awt.*;湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙public class E8 exte nds Frame TextField t1,t2,t3;Button b1,b2,b3,b4;public E8()setLayout (n ull); setSize(500,400);t1= new TextField(8); t2=new TextField(8);t3=new TextField(8); b1= new Button(+); b2=new Button (-); b3=new Butt on (*); b4=new Butt on (/);t1.setLocatio n(20,90); b1.setLocatio n(110,50);b2.setLocatio n(110,80); b3.setLocatio n(110,110);b4.setLocatio n(110,140); t2.setLocatio n(140,90);t3.setLocatio n(230,90);t1.setSize(80,20); t2.setSize(80,20); t3.setSize(80,20);b1.setSize(20,20); b2.setSize(20,20);湖南鐵路科技職業(yè)技術(shù)學(xué)院備課紙