GUI编程技术-布局管理.

1、湖南铁路科技职业技术学院备课纸授课日期授课班级软件308-1学期授课计划的GUI 编程技术-布局管理章节顺序：授课目的与要求：布局设计BorderLayoutFlowLayoutCardLayoutGridLayoutBoxLayoutNull布局课堂类型：多媒体授课主要教具：多媒体、PPT新课重点与难点：布局设计熟练掌握几大常用的布局管理器课外作业（练习题或思考题）任课教师：易斌湖南铁路科技职业技术学院备课纸GUI 编程技术-布局管理1.边界布局一 BorderLayout是窗口的默认布局使用这种布局的容器，空间被分为东、西、南、北、中5 个区域，由 BorderLayout 中的 5 个静

2、态常量 EAST、WEST、SOUTH、NORTH、 CENTER 表示添加组件时，使用表示方位的常量规定添加组件的位置add(b1,BorderLayout.SOUTH),也可以使用指定的字符串表示方位： add(b1, South)构造方法BorderLayout()BorderLayout(i nt hgap, int vgap)hgap 水平间隔vgap 垂直间隔使用 BorderLayout 布局管理器的步骤创建 BorderLayout 对象调用容器的 setLayout()方法为容器设置布局管理器 调用容器的 add(组件，位置)方法向容器中添加组件 BorderLayout 实

3、例 1import java.awt.*;import java.applet.*;public class E1 exte nds AppletButton b1,b2,b3,b4;TextArea ta;public void in it()湖南铁路科技职业技术学院备课纸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 布局管理器流布局在一个 left-to-right 流中安排组件， 常用于在面板中安 排按钮。它会从左到右的安排按钮直到在同一行中不可以再放置 更多的按钮时为止。 每行都是中心对齐的。构造方法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)湖南铁路科技职业技术学院备课纸使用 FlowLayout 布局管理器的步骤 创建 FlowLayout 对象 容器调用 setLayout()方法容器添加组件FlowLayout 实例在构造方法的前面添加职下代码：FlowLayout fl=new FlowLayout(FlowLayout.LEFT ，10，10);setLayout(f

6、l);3. CardLayout 布局管理器它将容器中的每个组件当作一个卡片来处理。在某一时间，只 有一个卡片是可见的，容器象一个装卡片的盒子。1、构造方法：、public CardLayout()(2)、 public CardLayout(int hgap,int vgap):水平间隙置于左 右两侧，垂直间隙置于上下两侧。2、CardLayout 的方法public void first(C ontainer pare nt):翻至 U 容器的第一张卡片。参数：pare nt -进行布局的容器的名子。public void n ext(C ontainer pare nt):翻到指疋容器的

7、下一张卡 片。若当前可见的卡片是最后一张卡片，则翻到布局中的第一张卡片。public void previous(C ontainer pare nt): 翻到指定容器的前一张卡片。若当前可见的卡片是第一张卡片，则翻到布局中的最后一张卡 片。3、使用 CardLayout 管理器的步骤：(1)创建 CardLayout 对象作为布局管理器湖南铁路科技职业技术学院备课纸(2) 使用容器的 setLayout()方法为容器设置布局管理器(3) 调用容器的 add()方法将组件加入容器(4) 调用 CardLayout 的方法显示某一个组件CardLayout 实例 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);湖南铁路科技职业技术学院备课纸public void action Performed(Acti

10、 on Eve nt e)card. next(p); 4. GridLayout 布局管理器以矩形网格形式对容器中的组件进行布局。 容器被分成尺寸相等的矩形，一个组件放置在一个矩形中。构造方法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 管理器的步骤创建 GridLayout 对象，并设置划分网络的行

11、数和列数调用容器的 setLayout()方法为容器设置布局管理器调用容器的 add()方法向容器中添加组件GridLayout 布局管理器头例import java.awt.*;public class E5 exte nds Framepublic E5()setSize(400,300);湖南铁路科技职业技术学院备课纸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 包中的类，该包中还提供了一个 Box 类，该类的布 局为盒式布局，而且不谷许更改盒式谷器的布局。构造方法public BoxLayout(C ontainer target, int axis)target -需要布置的谷器axis -布置组件时使用的轴。它可以是以下值之一：BoxLayou

13、t.X_AXIS、BoxLayout.Y_AXIS、BoxLayout.LINE_AXIS 或BoxLayout.PAGE_AXIS湖南铁路科技职业技术学院备课纸public static Box createHoriz on talBox()public static Box createVerticalBox()盒式容器实例 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 空布局未使用任何布局的容器必须设置放置组件的大小和位置。impor

15、t java.awt.*;湖南铁路科技职业技术学院备课纸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);湖南铁路科技职业技术学院备课纸