超级会员免费看
Java布局管理器全解析
在Java的图形用户界面（GUI）开发中，布局管理器起着至关重要的作用，它决定了组件在容器中的排列方式。下面将详细介绍几种常见的布局管理器及其使用方法。
1. 复选框状态显示相关代码
在Java中，当复选框的状态发生变化时，我们可能需要重新绘制界面以显示最新状态。以下是相关代码示例：
// Repaint when status of a check box changes.
public void itemStateChanged(ItemEvent ie) {
repaint();
}
// Display current state of the check boxes.
public void paint(Graphics g) {
msg = "Current state: ";
g.drawString(msg, 6, 80);
msg = " Windows: " + windows.getState();
g.drawString(msg, 6, 100);
msg = " Android: " + android.getState();
g.drawString(msg, 6, 120);
msg = " Solaris: " + solaris.getState();
g.drawString(msg, 6, 140);
msg = " Mac: " + mac.getState();
g.drawString(msg, 6, 160);
}
上述代码中，
itemStateChanged
方法在复选框状态改变时调用
repaint
方法重新绘制界面，
paint
方法则用于显示当前复选框的状态。
2. BorderLayout布局管理器
BorderLayout
是一种常见的顶级窗口布局样式，它在窗口的边缘有四个狭窄的固定宽度组件，中间有一个大区域。四个边缘分别称为北、南、东、西，中间区域称为中心。
2.1 构造函数
-
BorderLayout()：创建默认的边界布局。 -
BorderLayout(int horz, int vert)：允许分别指定组件之间的水平和垂直间距。
2.2 区域常量
BorderLayout
定义了以下常量来指定区域：
-
BorderLayout.CENTER
-
BorderLayout.SOUTH
-
BorderLayout.EAST
-
BorderLayout.WEST
-
BorderLayout.NORTH
2.3 添加组件方法
使用
add(Component compRef, Object region)
方法添加组件，其中
compRef
是要添加的组件引用，
region
指定组件的添加位置。
2.4 示例代码
// Demonstrate BorderLayout.
import java.awt.*;
import java.applet.*;
import java.util.*;
/*
<applet code="BorderLayoutDemo" width=400 height=200>
</applet>
*/
public class BorderLayoutDemo extends Applet {
public void init() {
setLayout(new BorderLayout());
add(new Button("This is across the top."), BorderLayout.NORTH);
add(new Label("The footer message might go here."), BorderLayout.SOUTH);
add(new Button("Right"), BorderLayout.EAST);
add(new Button("Left"), BorderLayout.WEST);
String msg = "The reasonable man adapts " +
"himself to the world;\n" +
"the unreasonable one persists in " +
"trying to adapt the world to himself.\n" +
"Therefore all progress depends " +
"on the unreasonable man.\n\n" +
" - George Bernard Shaw\n\n";
add(new TextArea(msg), BorderLayout.CENTER);
}
}
该示例展示了如何使用
BorderLayout
在每个布局区域添加组件。
3. 使用Insets
有时，我们希望在包含组件的容器和包含它的窗口之间留出少量空间。可以通过重写
Container
类的
getInsets()
方法来实现。
3.1 Insets构造函数
Insets(int top, int left, int bottom, int right)
：指定容器与其封闭窗口之间的空间量。
3.2 getInsets方法
Insets getInsets()
：重写此方法时，必须返回一个包含所需插入间距的新
Insets
对象。
3.3 示例代码
// Demonstrate BorderLayout with insets.
import java.awt.*;
import java.applet.*;
import java.util.*;
/*
<applet code="InsetsDemo" width=400 height=200>
</applet>
*/
public class InsetsDemo extends Applet {
public void init() {
setBackground(Color.cyan);
setLayout(new BorderLayout());
add(new Button("This is across the top."), BorderLayout.NORTH);
add(new Label("The footer message might go here."), BorderLayout.SOUTH);
add(new Button("Right"), BorderLayout.EAST);
add(new Button("Left"), BorderLayout.WEST);
String msg = "The reasonable man adapts " +
"himself to the world;\n" +
"the unreasonable one persists in " +
"trying to adapt the world to himself.\n" +
"Therefore all progress depends " +
"on the unreasonable man.\n\n" +
" - George Bernard Shaw\n\n";
add(new TextArea(msg), BorderLayout.CENTER);
}
public Insets getInsets() {
return new Insets(10, 10, 10, 10);
}
}
该示例修改了前面的
BorderLayout
示例，使组件从每个边界内缩10像素，并将背景颜色设置为青色以更清晰地显示内边距。
4. GridLayout布局管理器
GridLayout
将组件排列在二维网格中。实例化
GridLayout
时，需要定义行数和列数。
4.1 构造函数
-
GridLayout()：创建单列网格布局。 -
GridLayout(int numRows, int numColumns)：创建具有指定行数和列数的网格布局。 -
GridLayout(int numRows, int numColumns, int horz, int vert)：允许分别指定组件之间的水平和垂直间距。
4.2 示例代码
// Demonstrate GridLayout
import java.awt.*;
import java.applet.*;
/*
<applet code="GridLayoutDemo" width=300 height=200>
</applet>
*/
public class GridLayoutDemo extends Applet {
static final int n = 4;
public void init() {
setLayout(new GridLayout(n, n));
setFont(new Font("SansSerif", Font.BOLD, 24));
for(int i = 0; i < n; i++) {
for(int j = 0; j < n; j++) {
int k = i * n + j;
if(k > 0)
add(new Button("" + k));
}
}
}
}
该示例创建了一个4×4的网格，并使用15个按钮填充，每个按钮标有其索引。
5. CardLayout布局管理器
CardLayout
与其他布局管理器不同，它可以存储多个不同的布局，每个布局可以看作是一副牌中的一张索引卡，可以洗牌使任何一张卡位于顶部。这对于具有可选组件的用户界面很有用，这些组件可以根据用户输入动态启用和禁用。
5.1 构造函数
-
CardLayout()：创建默认的卡片布局。 -
CardLayout(int horz, int vert)：允许分别指定组件之间的水平和垂直间距。
5.2 使用步骤
-
创建一个
Panel对象来包含卡片。 -
将
CardLayout设置为该面板的布局管理器。 -
为每张卡片创建一个
Panel对象，并添加相应的组件。 - 将卡片面板添加到包含卡片的面板中，并为每张卡片指定一个名称。
- 将包含卡片的面板添加到窗口中。
- 提供一种方式让用户选择卡片，常见的方法是为每张卡片添加一个按钮。
5.3 激活卡片的方法
-
void first(Container deck)：显示卡片组中的第一张卡片。 -
void last(Container deck)：显示卡片组中的最后一张卡片。 -
void next(Container deck)：显示下一张卡片。 -
void previous(Container deck)：显示上一张卡片。 -
void show(Container deck, String cardName)：显示指定名称的卡片。
5.4 示例代码
// Demonstrate CardLayout.
import java.awt.*;
import java.awt.event.*;
import java.applet.*;
/*
<applet code="CardLayoutDemo" width=300 height=100>
</applet>
*/
public class CardLayoutDemo extends Applet
implements ActionListener, MouseListener {
Checkbox windowsXP, windows7, windows8, android, solaris, mac;
Panel osCards;
CardLayout cardLO;
Button Win, Other;
public void init() {
Win = new Button("Windows");
Other = new Button("Other");
add(Win);
add(Other);
cardLO = new CardLayout();
osCards = new Panel();
osCards.setLayout(cardLO);
windowsXP = new Checkbox("Windows XP", null, true);
windows7 = new Checkbox("Windows 7", null, false);
windows8 = new Checkbox("Windows 8", null, false);
android = new Checkbox("Android");
solaris = new Checkbox("Solaris");
mac = new Checkbox("Mac OS");
Panel winPan = new Panel();
winPan.add(windowsXP);
winPan.add(windows7);
winPan.add(windows8);
Panel otherPan = new Panel();
otherPan.add(android);
otherPan.add(solaris);
otherPan.add(mac);
osCards.add(winPan, "Windows");
osCards.add(otherPan, "Other");
add(osCards);
Win.addActionListener(this);
Other.addActionListener(this);
addMouseListener(this);
}
public void mousePressed(MouseEvent me) {
cardLO.next(osCards);
}
public void mouseClicked(MouseEvent me) {}
public void mouseEntered(MouseEvent me) {}
public void mouseExited(MouseEvent me) {}
public void mouseReleased(MouseEvent me) {}
public void actionPerformed(ActionEvent ae) {
if(ae.getSource() == Win) {
cardLO.show(osCards, "Windows");
} else {
cardLO.show(osCards, "Other");
}
}
}
该示例创建了一个两级卡片组，允许用户选择操作系统，Windows 操作系统显示在一张卡片中，Mac OS 和 Solaris 显示在另一张卡片中。
6. GridBagLayout布局管理器
在某些情况下，我们可能需要对组件的排列方式进行更精细的控制，这时可以使用
GridBagLayout
布局管理器。
6.1 特点
GridBagLayout
允许通过指定组件在网格内单元格中的位置来确定其相对位置。每个组件可以有不同的大小，网格中的每一行可以有不同数量的列，就像多个小网格组合在一起，因此被称为网格袋布局。
6.2 约束条件
每个组件在网格袋中的位置和大小由一组约束条件决定，这些约束条件包含在
GridBagConstraints
对象中，包括单元格的高度和宽度、组件的放置位置、对齐方式以及在单元格内的锚点等。
6.3 使用步骤
-
创建一个新的
GridBagLayout对象，并将其设置为当前布局管理器。 - 设置每个要添加到网格袋中的组件的约束条件。
- 将组件添加到布局管理器中。
6.4 构造函数和方法
-
构造函数
：
GridBagLayout() -
重要方法
：
void setConstraints(Component comp, GridBagConstraints cons)，用于为指定组件设置约束条件。
6.5 GridBagConstraints 约束字段
| 字段 | 用途 |
|---|---|
int anchor
|
指定组件在单元格内的位置，默认值为
GridBagConstraints.CENTER
。
|
int fill
|
指定组件小于其单元格时的调整方式，有效值包括
GridBagConstraints.NONE
（默认）、
GridBagConstraints.HORIZONTAL
、
GridBagConstraints.VERTICAL
、
GridBagConstraints.BOTH
。
|
int gridheight
| 指定组件在单元格中的高度，默认值为 1。 |
int gridwidth
| 指定组件在单元格中的宽度，默认值为 1。 |
int gridx
|
指定组件要添加到的单元格的 X 坐标，默认值为
GridBagConstraints.RELATIVE
。
|
int gridy
|
指定组件要添加到的单元格的 Y 坐标，默认值为
GridBagConstraints.RELATIVE
。
|
Insets insets
| 指定内边距，默认值为全零。 |
int ipadx
| 指定组件在单元格内的额外水平空间，默认值为 0。 |
int ipady
| 指定组件在单元格内的额外垂直空间，默认值为 0。 |
double weightx
| 指定一个权重值，用于确定单元格与容器边缘之间的水平间距，默认值为 0.0。权重越大，分配的空间越多。如果一行或一列中的所有值都为 0.0，则额外空间在窗口边缘之间均匀分布。 |
double weighty
| 指定一个权重值，用于确定单元格与容器边缘之间的垂直间距，默认值为 0.0。权重越大，分配的空间越多。如果一行或一列中的所有值都为 0.0，则额外空间在窗口边缘之间均匀分布。 |
6.6 anchor 字段的取值类型
-
绝对位置
：如
GridBagConstraints.CENTER、GridBagConstraints.SOUTH等，将组件放置在特定位置。 -
相对位置
：相对于容器的方向，适用于非西方语言，如
GridBagConstraints.FIRST_LINE_END、GridBagConstraints.LINE_END等。 -
相对于基线
：用于将组件相对于行的基线定位，如
GridBagConstraints.BASELINE、GridBagConstraints.BASELINE_LEADING等。
6.7 示例代码
// Use GridBagLayout.
import java.awt.*;
import java.awt.event.*;
import java.applet.*;
/*
<applet code="GridBagDemo" width=250 height=200>
</applet>
*/
public class GridBagDemo extends Applet implements ItemListener {
String msg = "";
Checkbox windows, android, solaris, mac;
public void init() {
GridBagLayout gbag = new GridBagLayout();
GridBagConstraints gbc = new GridBagConstraints();
setLayout(gbag);
// Define check boxes.
windows = new Checkbox("Windows ", null, true);
android = new Checkbox("Android");
solaris = new Checkbox("Solaris");
mac = new Checkbox("Mac OS");
// Define the grid bag.
// Use default row weight of 0 for first row.
gbc.weightx = 1.0; // use a column weight of 1
gbc.ipadx = 200; // pad by 200 units
gbc.insets = new Insets(4, 4, 0, 0); // inset slightly from top left
gbc.anchor = GridBagConstraints.NORTHEAST;
gbc.gridwidth = GridBagConstraints.RELATIVE;
gbag.setConstraints(windows, gbc);
gbc.gridwidth = GridBagConstraints.REMAINDER;
gbag.setConstraints(android, gbc);
// Give second row a weight of 1.
gbc.weighty = 1.0;
gbc.gridwidth = GridBagConstraints.RELATIVE;
gbag.setConstraints(solaris, gbc);
gbc.gridwidth = GridBagConstraints.REMAINDER;
gbag.setConstraints(mac, gbc);
// Add the components.
add(windows);
add(android);
add(solaris);
add(mac);
// Register to receive item events.
windows.addItemListener(this);
android.addItemListener(this);
solaris.addItemListener(this);
mac.addItemListener(this);
}
// Repaint when status of a check box changes.
public void itemStateChanged(ItemEvent ie) {
repaint();
}
// Display current state of the check boxes.
public void paint(Graphics g) {
msg = "Current state: ";
g.drawString(msg, 6, 80);
msg = " Windows: " + windows.getState();
g.drawString(msg, 6, 100);
msg = " Android: " + android.getState();
g.drawString(msg, 6, 120);
msg = " Solaris: " + solaris.getState();
g.drawString(msg, 6, 140);
msg = " Mac: " + mac.getState();
g.drawString(msg, 6, 160);
}
}
这个示例展示了如何使用
GridBagLayout
布局管理器，并设置了一些约束条件来控制组件的位置和大小。
总结
不同的布局管理器适用于不同的场景，
BorderLayout
适合创建具有明显区域划分的界面，
GridLayout
适合创建规则的网格布局，
CardLayout
适合需要动态切换布局的情况，而
GridBagLayout
则提供了更灵活的布局控制。在实际开发中，我们可以根据具体需求选择合适的布局管理器来实现理想的界面效果。同时，合理运用约束条件和方法，可以进一步优化组件的排列和显示。希望通过本文的介绍，你能对 Java 中的布局管理器有更深入的理解和掌握。
Java布局管理器全解析
7. 布局管理器对比总结
为了更清晰地了解各个布局管理器的特点和适用场景，下面通过表格进行对比总结：
| 布局管理器 | 特点 | 适用场景 | 构造函数示例 |
| ---- | ---- | ---- | ---- |
| BorderLayout | 有四个边缘区域和一个中心区域，组件可放置在这些区域 | 创建具有明显区域划分的界面，如顶部菜单、底部状态栏等 |
BorderLayout()
BorderLayout(int horz, int vert)
|
| GridLayout | 将组件排列在二维网格中，每个组件大小相同 | 创建规则的网格布局，如计算器界面 |
GridLayout()
GridLayout(int numRows, int numColumns)
GridLayout(int numRows, int numColumns, int horz, int vert)
|
| CardLayout | 可存储多个布局，像卡片一样切换 | 需要动态切换布局的情况，如向导式界面 |
CardLayout()
CardLayout(int horz, int vert)
|
| GridBagLayout | 可通过约束条件精确控制组件位置和大小 | 需要对组件排列进行精细控制的复杂界面 |
GridBagLayout()
|
8. 布局管理器使用建议
在实际开发中，选择合适的布局管理器是关键。以下是一些使用建议：
-
简单界面
：如果界面结构简单，区域划分明显，可优先考虑
BorderLayout
。例如，创建一个包含顶部标题栏、底部版权信息和中间内容区域的界面，使用
BorderLayout
可以轻松实现。
-
规则网格
：当需要创建规则的网格布局时，
GridLayout
是不错的选择。如创建一个棋盘、九宫格等界面。
-
动态切换
：对于需要根据用户操作动态切换布局的界面，
CardLayout
能很好地满足需求。例如，开发一个具有多个步骤的向导界面，每个步骤对应一张卡片。
-
复杂布局
：如果界面布局复杂，需要对组件的位置、大小和对齐方式进行精细控制，
GridBagLayout
是首选。虽然它的使用相对复杂，但能实现非常灵活的布局效果。
9. 代码示例综合应用
下面通过一个综合示例，展示如何在一个界面中同时使用多种布局管理器：
import java.awt.*;
import java.applet.*;
/*
<applet code="CombinedLayoutDemo" width=600 height=400>
</applet>
*/
public class CombinedLayoutDemo extends Applet {
public void init() {
// 使用 BorderLayout 作为主布局
setLayout(new BorderLayout());
// 顶部使用 BorderLayout 的 NORTH 区域
Panel topPanel = new Panel();
topPanel.setLayout(new BorderLayout());
topPanel.add(new Label("Top Title"), BorderLayout.NORTH);
topPanel.add(new Button("Top Button"), BorderLayout.SOUTH);
add(topPanel, BorderLayout.NORTH);
// 中间使用 GridLayout
Panel centerPanel = new Panel();
centerPanel.setLayout(new GridLayout(3, 3));
for (int i = 1; i <= 9; i++) {
centerPanel.add(new Button("" + i));
}
add(centerPanel, BorderLayout.CENTER);
// 底部使用 CardLayout
Panel bottomPanel = new Panel();
CardLayout cardLayout = new CardLayout();
bottomPanel.setLayout(cardLayout);
Panel card1 = new Panel();
card1.add(new Label("Card 1 Content"));
Panel card2 = new Panel();
card2.add(new Label("Card 2 Content"));
bottomPanel.add(card1, "Card1");
bottomPanel.add(card2, "Card2");
Panel buttonPanel = new Panel();
Button showCard1 = new Button("Show Card 1");
Button showCard2 = new Button("Show Card 2");
buttonPanel.add(showCard1);
buttonPanel.add(showCard2);
showCard1.addActionListener(e -> cardLayout.show(bottomPanel, "Card1"));
showCard2.addActionListener(e -> cardLayout.show(bottomPanel, "Card2"));
add(buttonPanel, BorderLayout.SOUTH);
add(bottomPanel, BorderLayout.SOUTH);
}
}
这个示例展示了如何在一个界面中同时使用
BorderLayout
、
GridLayout
和
CardLayout
。主布局使用
BorderLayout
，顶部区域使用
BorderLayout
放置标题和按钮，中间区域使用
GridLayout
创建一个 3×3 的网格，底部区域使用
CardLayout
实现卡片切换效果。
10. 总结与展望
通过前面的介绍和示例，我们详细了解了 Java 中几种常见布局管理器的特点、使用方法和适用场景。在实际开发中，合理选择和使用布局管理器可以大大提高界面开发的效率和质量。
未来，随着 Java 技术的不断发展，可能会出现更多功能强大、使用便捷的布局管理器。同时，对于现有的布局管理器，也可能会有更多的优化和扩展。例如，可能会提供更简洁的约束设置方式，或者支持更多的布局动画效果。
在实际项目中，我们可以根据具体需求灵活组合使用不同的布局管理器，同时结合 Java 的其他特性，如事件处理、多线程等，开发出更加丰富、交互性强的用户界面。希望大家在学习和实践中不断探索，充分发挥布局管理器的优势，创造出优秀的 Java 应用程序。
附：mermaid 流程图 - 布局管理器选择流程
graph TD;
A[开始] --> B{界面是否简单且有明显区域划分?};
B -- 是 --> C[使用 BorderLayout];
B -- 否 --> D{是否需要规则网格布局?};
D -- 是 --> E[使用 GridLayout];
D -- 否 --> F{是否需要动态切换布局?};
F -- 是 --> G[使用 CardLayout];
F -- 否 --> H{是否需要精细布局控制?};
H -- 是 --> I[使用 GridBagLayout];
H -- 否 --> J[重新评估需求];
C --> K[结束];
E --> K;
G --> K;
I --> K;
J --> B;
这个流程图展示了在选择布局管理器时的决策过程，帮助开发者根据界面需求快速选择合适的布局管理器。
扫一扫
1709
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
