swing 布局管理器
当选择使用
JPanel
和顶层容器的
content pane
时，需要考虑布局管理。
JPanel
缺省是初始化一个
FlowLayout
，而
content pane
缺省是初始化一个
BorderLayout
。
下面将分别介绍几种最常用的布局管理器：
FlowLayout
、
BorderLayout
、
BoxLayout
、
CardLayout
、
GridLayout
和
GridBagLayout
。
代码演示
每一个布局管理器都会有一个代码演示，
xxxLayoutDemo.java
（见附件）。这些文件主要有三个方法组成：
addComponentsToPane()
提供布局逻辑（依据不同的布局管理器和
UI
内容）。
|
public
static
void
addComponentsToPane(Container pane) {
。。。
}
|
createAndShowGUI()
实例化一个
JFrame
，通过它的
ContentPane
加载布局逻辑内容。
|
private
static
void
createAndShowGUI() {
// Create and set up the window.
JFrame frame =
new
JFrame(
"FlowLayoutDemo"
);
frame.setDefaultCloseOperation(JFrame.
EXIT_ON_CLOSE
);
// Set up the content pane.
addComponentsToPane(frame.getContentPane());
// Display the window.
frame.pack();
frame.setVisible(
true
);
}
|
main()
程序入口，单独起一个线程，实例化
UI
。
|
public
static
void
main(String[] args) {
javax.swing.SwingUtilities.invokeLater(
new
Runnable() {
public
void
run() {
createAndShowGUI();
}
});
}
|
FlowLayout
FlowLayout
类是最简单的布局管理器。它按照和页面上排列单词的类似方式来安排组件
----
从左到右，直至没有多余的空间，然后转到下一行。
效果：
内容面板代码：
|
public
static
void
addComponentsToPane(Container pane) {
pane.setLayout(
new
FlowLayout());
pane.add(
new
JButton(
"Button 1"
));
pane.add(
new
JButton(
"Button 2"
));
pane.add(
new
JButton(
"Button 3"
));
pane.add(
new
JButton(
"Long-Named Button 4"
));
pane.add(
new
JButton(
"5"
));
}
|
BorderLayout
一个
BorderLayout
对象将界面分成五大区域，分别用
BorderLayout
类的静态常量指定：
-PAGE_START
-PAGE_END
-LINE_START
-LINE_END
-CENTER
效果：
内容面板代码：
|
public
static
void
addComponentsToPane(Container pane) {
JButton button =
new
JButton(
"Button 1 (PAGE_START)"
);
pane.add(button, BorderLayout.
PAGE_START
);
button =
new
JButton(
"Button 2 (CENTER)"
);
button.setPreferredSize(
new
Dimension(200, 100));
pane.add(button, BorderLayout.
CENTER
);
button =
new
JButton(
"Button 3 (LINE_START)"
);
pane.add(button, BorderLayout.
LINE_START
);
button =
new
JButton(
"Long-Named Button 4 (PAGE_END)"
);
pane.add(button, BorderLayout.
PAGE_END
);
button =
new
JButton(
"5 (LINE_END)"
);
pane.add(button, BorderLayout.
LINE_END
);
}
|
BoxLayout
BoxLayout
可以将组件由上至下或由左至右依次加入当前面板。
效果：
内容面板代码：
|
public
static
void
addComponentsToPane(Container pane) {
JPanel xPanel =
new
JPanel();
xPanel.setLayout(
new
BoxLayout(xPanel, BoxLayout.
X_AXIS
));
addButtons(xPanel);
JPanel yPanel =
new
JPanel();
yPanel.setLayout(
new
BoxLayout(yPanel, BoxLayout.
Y_AXIS
));
addButtons(yPanel);
pane.add(yPanel, BorderLayout.
PAGE_START
);
pane.add(xPanel, BorderLayout.
PAGE_END
);
}
private
static
void
addAButton(String text, Container container) {
JButton button =
new
JButton(text);
button.setAlignmentX(Component.
CENTER_ALIGNMENT
);
container.add(button);
}
private
static
void
addButtons(Container container) {
addAButton(
"Button 1"
, container);
addAButton(
"Button 2"
, container);
addAButton(
"Button 3"
, container);
addAButton(
"Long-Named Button 4"
, container);
addAButton(
"5"
, container);
}
|
CardLayout
卡片布局和其他布局不同，因为它隐藏了一些组件。卡片布局就是一组容器或者组件，它们一次仅仅显是一个，组中的每个容器称为卡片。
效果：
内容面板代码：
|
public
void
addComponentToPane(Container pane) {
final
JPanel contentPanel =
new
JPanel();
JPanel controlPanel =
new
JPanel();
final
CardLayout cardLayout=
new
CardLayout();;
pane.setLayout(
new
BorderLayout());
pane.add(contentPanel, BorderLayout.
CENTER
);
pane.add(controlPanel, BorderLayout.
PAGE_END
);
controlPanel.setLayout(
new
FlowLayout());
JButton[] b =
new
JButton[10];
for
(
int
i = 0; i < 10; i++) {
b[i] =
new
JButton(
"No."
+ i);
contentPanel.add(b[i]);
}
contentPanel.setLayout(cardLayout);
JButton nextButton =
new
JButton(
"next"
);
nextButton.addActionListener(
new
ActionListener(){
public
void
actionPerformed(ActionEvent e) {
cardLayout.next(contentPanel);
}});
controlPanel.add(nextButton);
}
|
GridLayout
GridLayout
让你建立一个组件表格，并且当组件加入时，会依序又左至右，由上至下填充到每个格子，它不能由你指定想放那个格子就放那个格子
效果：
内容面板代码：
|
public
static
void
addComponentsToPane(Container pane) {
JButton[] buttons =
new
JButton[9];
pane.setLayout(
new
GridLayout(3, 3));
for
(
int
i = 0; i < buttons.
length
; i++) {
buttons[i] =
new
JButton(i +
""
);
pane.add(buttons[i]);
}
}
|
GridBagLayout
GridBagLayout
是所有AWT
布局管理器当中最复杂的，同时他的功能也是最强大的。GridBagLayout
同GridLayout
一样，在容器中以网格形式来管理组件。但GridBagLayout
功能要来得强大得多。
1
、GridBagLayout
管理的所有行和列都可以是大小不同的；
2
、GridLayout
把每个组件限制到一个单元格，而GridBagLayout
并不这样：组件在容器中可以占据任意大小的矩形区域。
GridBagLayout
通常由一个专用类来对他布局行为进行约束，该类叫GridBagConstraints
。其中有11
个公有成员变量，
GridBagConstraints
可以从这
11
个方面来进行控制和操纵。这些内容是：
1
、
gridx—
组件的横向坐标；
2
、
girdy—
组件的纵向坐标；
3
、
gridwidth—
组件的横向宽度，也就是指组件占用的列数；
4
、
gridheight—
组件的纵向长度，也就是指组件占用的行数；
5
、
weightx—
指行的权重，告诉布局管理器如何分配额外的水平空间；
6
、
weighty—
指列的权重，告诉布局管理器如何分配额外的垂直空间；
7
、
anchor—
当组件小于其显示区域时使用此字段；
8
、
fill—
如果显示区域比组件的区域大的时候，可以用来控制组件的行为。控制组件是垂直填充，还是水平填充，或者两个方向一起填充；
9
、
insets—
指组件与表格空间四周边缘的空白区域的大小；
10
、
ipadx—
组件间的横向间距，组件的宽度就是这个组件的最小宽度加上
ipadx
值；
11
、
ipady—
组件间的纵向间距，组件的高度就是这个组件的最小高度加上
ipady
值。
说明：
1
、
gridx
，
gridy
：其实就是组件行列的设置，注意都是从
0
开始的，比如
gridx=0
，
gridy=1
时放在
0
行
1
列；
2
、
gridwidth
，
gridheight
：默认值为
1
；
GridBagConstraints.REMAINDER
常量，代表此组件为此行或此列的最后一个组件，会占据所有剩余的空间；
3
、
weightx
，
weighty
：当窗口变大时，设置各组件跟着变大的比例。比如组件
A
的
weightx=0.5
，组件
B
的
weightx=1
，那么窗口
X
轴变大时剩余的空间就会以
1
：
2
的比例分配给组件
A
和
B
；
4
、
anchor
：当组件空间大于组件本身时，要将组件置于何处。
有
CENTER
（默认值）、
NORTH
、
NORTHEAST
、
EAST
、
SOUTHEAST
、
WEST
、
NORTHWEST
选择。
5
、
insets
：设置组件之间彼此的间距。它有四个参数，分别是上，左，下，右，默认为（
0
，
0
，
0
，
0
）。
效果：
内容面板代码：
|
一个
GardBagLayout
布局的左右选择框，代码
GridBagLayoutFrame.java
见附件，效果：
