Java程序设计项目化教程章 (7)

FlowLayout类布局方式是将组件从容器的左上角开始，依 次从左到右、从上到下放置。当容器被重新设置大小后，则布 局也会随之发生改变：各组件的大小不变，但相对位置会发生 变化。
表7-1所示是FlowLayout类的常用构造函数及方法。
第7章 任务7——设计用户登录界面的布局
表7-1 FlowLayout类的常用构造函数及方法
5
setLayout(new FlowLayout());
第7章 任务7——设计用户登录界面的布局
6
setFont(new Font("Helvetica", Font.PLAIN, 14));
7
getContentPane().add(new JButton("Button 1"));
8
getContentPane().add(new JButton(" Button 2"));
例如： add("West", new Button("West")); add("North", new Button("North")); add(new Button("West"), BorderLayout.SOUTH);
第7章 任务7——设计用户登录界面的布局
若没有指明放置位置，则表明为默认的“Center”方位。 每个区域只能添加一个组件，若添加多个，则只能显示最后一 个。如果想在一个区域添加多个组件，则必须先在该区域放一 个JPanel容器，再将多个组件放在该JPanel容器中。若某个区 域或若干个区域没有放置组件，东、西、南、北区域将不会有 预留，而中间区域将置空。
{ 4 public BorderLayoutDemo(){ 5 setLayout(new BorderLayout(5,5)); 6 setFont(new Font("Helvetica", Font.PLAIN,
14)); 7 getContentPane().add("North", new JButton
表7-3中，rows或cols可以有一个为0。若rows为0，则表 示每行放置cols个组件，根据具体组件数，可以有任意多行； 若cols为0，则表示共有rows行，根据具体组件数，每行可以 放置任意多个组件。
GridLayout类的布局效果如图7-5所示。
第7章 任务7——设计用户登录界面的布局 图7-5 GridLayout类的布局效果
14 window.setTitle("FlowLayoutDemo Application");
15 window.pack();
第7章 任务7——设计用户登录界面的布局
16 window.setVisible(true); 17 } 18 } pack( )是从类java.awt.Window继承的方法，作用是自动 调整界面大小，使组件刚好在容器中显示出来。使用pack()方 法后，可以不需使用setSize方法设置窗口大小。从图7-3中可 以看到，当容器大小发生变化时，随之变化的是组件之间的相 对位置。
表7-2所示为BorderLayout类的常用构造函数及方法。
第7章 任务7——设计用户登录界面的布局
表7-2 BorderLayout类的常用构造函数及方法
常用构造函数及方法 BorderLayout() BorderLayout(int horizontalGap, int verticalGap) void setHgap(int hgap) void setVgap(int vgap)
FlowLayout(int alignment,int horizontalGap, int verticalGap)
使用指定的对齐方式，水平和竖直间距也为指定值
void setHgap(int hgap)
设置组件之间的水平方向间距
void setVgap(int vgap)
设置组件之间的垂直方向间距
BorderLayout类的布局效果如图7-4所示。
第7章 任务7——设计用户登录界面的布局 图7-4 BorderLayout类的布局效果
第7章 任务7——设计用户登录界面的布局
例7-2 BorderLayoutDemo.java 1 import javax.swing.*; 2 import java.awt.*; 3 public class BorderLayoutDemo extends JFrame
第7章 任务7——设计用户登录界面的布局
第7章 任务7——设计用户登录界面的布局
7.1 任务描述 7.2 技术要点 7.3 任务实施
第7章 任务7——设计用户登录界面的布局
7.1 任 务 描 述
本章任务是对用户登录界面进行布局设计。通过上一章的 学习，我们已经完成了将组件添加到容器中的任务，但是进行 图形界面设计，不仅仅只是将组件加到容器中，为使界面合理、 美观，我们还应该控制组件在容器中的位置，即进行布局设计。 事实上，在第6章的例6-5中由于没有使用布局管理，实际的显 示效果如图7-1所示，而设置了布局管理的界面如图7-2所示。
第7章 任务7——设计用户登录界面的布局
当一个容器被创建后，它们有默认布局管理器。其中， JFrame和JDialog的默认布局管理器是BorderLayout；JPanel 和JApplet的默认布局管理器是FlowLayout。程序设计中可以 通过setLayout()方法重新设置容器的布局管理器。 7.2.1 流式布局(FlowLayout类)
第7章 任务7——设计用户登录界面的布局
例7-3 GridLayoutDemo.java 1 import javax.swing.*; 2 import java.awt.*; 3 public class GridLayoutDemo extends JFrame { 4 public GridLayoutDemo() { 5 setLayout(new GridLayout(3,2)); 6 setFont(new Font("Helvetica", Font.PLAIN,
第7章 任务7——设计用户登录界面的布局
为了使生成的图形用户界面具有良好的平台无关性，Java 语言提供了布局管理器(Layout Managers)来管理组件在容器 中的布局，而不使用直接设置组件的位置和大小的方式。每个 容器都有一个布局管理器，容器中组件的大小和定位都由其决 定。当容器需要对某个组件进行定位时，就会调用其对应的布 局管理器。常用的布局管理有java.awt包中定义的五种布局管 理器类，分别是FlowLayout(流式布局)、Borde Layout(边界 布局)、GridLayout(网格布局)、GridBagLayout (网格包布局) 和CardLayout(卡片布局)以及javax.swing提供的 BoxLayout(盒式布局)。
分布。容器中各组件的高度和宽度相同，当容器的尺寸发生变 化时，各组件的相对位置不变，但各自的尺寸会发生变化。各 组件的排列方式为从左到右，从上到下。与Border Layout类 相类似，如果想在一个网格单元中添加多个组件，则必须先在 该网格单元放一个中间容器，再将多个组件放在该中间容器中。
表7-3所示为GridLayout类的常用构造函数及方法。
public GridLayout(int rows, int cols, int horizontalGap, int verticalGap )
各组件间的水平和竖直间距为指定值
setRows(int rows)
指定行数
setColumns(int cols)
指定列数
第7章 任务7——设计用户登录界面的布局
("North")); 8 getContentPane().add("South", new JButton
("South"));
第7章 任务7——设计用户登录界面的布局
9 getContentPane().add("East", new
JButton("East"));
10 getContentPane().add("West", new
常用构造函数及方法
用途
FlowLayout()
使用缺省居中对齐方式，组件间的水平和竖直间距 为缺省值 5 个像素
FlowLayout(int alignment)
使 用 指 定 的 对 齐 方 式 (FlowLayout.LEFT, FlowLayout.RIGHT，FlowLayout.CENTER)，水平和竖 直间距为缺省值 5 个像素
用途 各组件间的水平和竖直间距为缺省值 0 个像素 各组件间的水平和竖直间距为指定值 设置组件之间的水平方向间距 设置组件之间的垂直方向间距
第7章 任务7——设计用户登录界面的布局
如果容器使用了BorderLayout类的布局方式，则用add() 方法往容器中添加组件时必须指明添加的位置，否则组件将无 法正确显示(不同的布局管理器，向容器中添加组件的方法也 不同)。
void setAlignment(int align)
设置组件对齐方式
第7章 任务7——设计用户登录界面的布局
例如：
FlowLayout mylayout = new FlowLayout();
FlowLayout exLayout = new FlowLayout(FlowLayout.
RIGHT);
BorderLayoutDemo();
15
window.setTitle("BorderWindow Application");