二十九、Java图形化界面设计——布局管理器之FlowLayout(流式布局)

二十九、Java图形化界面设计——布局管理器之FlowLayout （流式布局）

前文讲解了JFrame、JPanel，其中已经涉及到了空布局的使用。Java虽然可以以像素为单位对组件进行精确的定位，但是其在不同的系统中将会有一定的显示差异，使得显示效果不尽相同，为此java提供了布局管理器，以使编写的图形界面具有良好的平台无关性。

注意：所有的布局管理器均是针对容器来使用的，包括顶层容器和中间容器。

一、布局管理器所属类包

二、容器的默认布局管理器

各容器都有默认的布局管理，见下表：

三、FlowLayout（流式布局）

使用FlowLayout布局方式的容器中组件按照加入的先后顺序按照设置的对齐方式（居中、左对齐、右对齐）从左向右排列，一行排满（即组件超过容器宽度后）到下一行开始继续排列。

1、流式布局特征如下：

l 组件按照设置的对齐方式进行排列

l 不管对齐方式如何，组件均按照从左到右的方式进行排列，一行排满，转到下一行。（比如按照右对齐排列，第一个组件在第一行最右边，添加第二个组件时，第一个组件向左平移，第二个组件变成该行最右边的组件，这就是从左向右方式进行排列）

2、流式布局FlowLayout类的常用构造函数和方法

3、FlowLayout 布局应用代码段举例

1) 设置FlowLayout 布局

JFrame fr=new JFrame( );

FlowLayout flow=new FlowLayout( );

fr.setLayout(flow);

上面的语句可以简化成：

fr.setLayout(new FlowLayout());

2) 设置框架fr为组件左对齐的FlowLayout布局

fr.setLayout(newFlowLayout(FlowLayout.LEFT));

3) 设置框架fr为组件左对齐的FlowLayout布局，并且组件的水平间距为20像素，垂直间距为40像素。

fr.setLayout(new FlowLayout(FlowLayout.LEFT,20,40));

实例：对齐方式

// FlowLayoutDemo.java

importjavax.swing.*;

importjava.awt.*;

public classFlowLayoutDemo extends JFrame {

public FlowLayoutDemo() {

//设置窗体为流式布局，无参数默认为居中对齐

setLayout(new FlowLayout());

//设置窗体中显示的字体样式

setFont(new Font("Helvetica",Font.PLAIN, 14));

//将按钮添加到窗体中

getContentPane().add(newJButton("Button 1"));

getContentPane().add(new JButton("Button 2"));

getContentPane().add(new JButton("Button3"));

getContentPane().add(newJButton("Button 4"));

}

public static void main(String args[]) {

FlowLayoutDemo window = newFlowLayoutDemo();

window.setTitle("流式布局");

//该代码依据放置的组件设定窗口的大小使之正好能容纳你放置的所有组件

window.pack();

window.setVisible(true);

window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

window.setLocationRelativeTo(null); //让窗体居中显示

}

}

程序执行结果如下图所示，生成了一个居中显示的窗体，上面有四个按钮，留意按钮之间，按钮与窗体的上下左右边缘都是默认5个像素的间距。改变窗体大小，如下图所示，分别是原始界面、拉宽原始界面、拉窄原始界面，组件和界面的间距。

修改程序代码体会界面布局效果：

setLayout(newFlowLayout());

将上面源程序中的代码更改如下，然后做出如下更改：setLayout(newFlowLayout(0)); //组件左对齐

setLayout(newFlowLayout(FlowLayout.RIGHT,10,15)); //组件右对齐,组件间水平间距为10像素，垂直间距为15像素