swing常用布局

Swing是Java中一个常用的GUI工具包,提供了多种布局管理器来帮助开发者实现各种复杂的GUI界面。本文将介绍Swing中常用的布局管理器,包括其简介、使用方法和相应的案例说明。

## 一、BorderLayout(边框布局)

BorderLayout类是Swing中最常用的布局管理器之一,它将容器划分为5个区域:北、南、东、西和中间,用于放置组件。各个区域的大小会根据组件的大小自适应调整,具体示意图如下:

![BorderLayout示例图](https://i.loli.net/2021/08/25/rh3Pp1q8vkKzbdT.png)

使用方法:

BorderLayout类位于java.awt包中,使用该布局管理器的方法如下:

```java

JFrame frame = new JFrame("BorderLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new BorderLayout());

```

接下来,我们可以向容器中添加组件并指定它们所在的区域,如下:

```java

JButton button1 = new JButton("North");

JButton button2 = new JButton("South");

JButton button3 = new JButton("East");

JButton button4 = new JButton("West");

JButton button5 = new JButton("Center");

contentPane.add(button1, BorderLayout.NORTH);

contentPane.add(button2, BorderLayout.SOUTH);

contentPane.add(button3, BorderLayout.EAST);

contentPane.add(button4, BorderLayout.WEST);

contentPane.add(button5, BorderLayout.CENTER);

```

案例说明:

下面是一个简单的示例,创建一个JFrame窗口,其中包含5个不同背景颜色的JPanel面板,每个面板放置在不同的区域中。

```java

import javax.swing.*;

import java.awt.*;

public class BorderLayoutExample {

public static void main(String[] args) {

JFrame frame = new JFrame("BorderLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new BorderLayout());

// 创建并添加5个面板

JPanel panel1 = new JPanel();

JPanel panel2 = new JPanel();

JPanel panel3 = new JPanel();

JPanel panel4 = new JPanel();

JPanel panel5 = new JPanel();

panel1.setBackground(Color.RED);

panel2.setBackground(Color.GREEN);

panel3.setBackground(Color.BLUE);

panel4.setBackground(Color.YELLOW);

panel5.setBackground(Color.GRAY);

contentPane.add(panel1, BorderLayout.NORTH);

contentPane.add(panel2, BorderLayout.SOUTH);

contentPane.add(panel3, BorderLayout.EAST);

contentPane.add(panel4, BorderLayout.WEST);

contentPane.add(panel5, BorderLayout.CENTER);

frame.setSize(400, 400);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setVisible(true);

}

}

```

## 二、FlowLayout(流式布局)

FlowLayout类是Swing中另一个常用的布局管理器之一,它按照添加组件的顺序依次布局,直到一行放满之后自动换行。它支持水平和垂直对齐方式,可以设置组件之间的间距。

使用方法:

FlowLayout类位于java.awt包中,使用该布局管理器的方法如下:

```java

JFrame frame = new JFrame("FlowLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new FlowLayout(FlowLayout.LEFT, 10, 10));

```

其中,FlowLayout类的构造方法接受三个参数,分别为对齐方式、水平间距和垂直间距。对齐方式有三个常量:LEFT、CENTER和RIGHT,默认为CENTER。

接下来,我们可以向容器中添加组件,如下:

```java

JButton button1 = new JButton("Button 1");

JButton button2 = new JButton("Button 2");

JButton button3 = new JButton("Button 3");

contentPane.add(button1);

contentPane.add(button2);

contentPane.add(button3);

```

案例说明:

下面是一个简单的示例,创建一个JFrame窗口,其中包含3个不同大小和背景颜色的JButton按钮,使用FlowLayout进行布局。

```java

import javax.swing.*;

import java.awt.*;

public class FlowLayoutExample {

public static void main(String[] args) {

JFrame frame = new JFrame("FlowLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new FlowLayout(FlowLayout.CENTER, 10, 10));

// 创建并添加3个按钮

JButton button1 = new JButton("Button 1");

JButton button2 = new JButton("Button 2");

JButton button3 = new JButton("Button 3");

button1.setPreferredSize(new Dimension(80, 60));

button2.setPreferredSize(new Dimension(120, 80));

button3.setPreferredSize(new Dimension(100, 70));

button1.setBackground(Color.RED);

button2.setBackground(Color.GREEN);

button3.setBackground(Color.BLUE);

contentPane.add(button1);

contentPane.add(button2);

contentPane.add(button3);

frame.setSize(400, 400);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setVisible(true);

}

}

```

## 三、GridLayout(网格布局)

GridLayout类是Swing中使用较为广泛的布局管理器之一,它创建了一个具有固定行列的网格,并在每个网格中放置组件。这个布局管理器将组件的大小自动调整到相同的大小。

使用方法:

GridLayout类位于java.awt包中,使用该布局管理器的方法如下:

```java

JFrame frame = new JFrame("GridLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new GridLayout(3, 3, 5, 5));

```

其中,GridLayout类的构造方法接受四个参数,分别为行数、列数、水平间距和垂直间距,其中间距表示组件之间的间隔距离。

接下来,我们可以向容器中添加组件,如下:

```java

JButton button1 = new JButton("Button 1");

JButton button2 = new JButton("Button 2");

JButton button3 = new JButton("Button 3");

JButton button4 = new JButton("Button 4");

JButton button5 = new JButton("Button 5");

JButton button6 = new JButton("Button 6");

JButton button7 = new JButton("Button 7");

JButton button8 = new JButton("Button 8");

JButton button9 = new JButton("Button 9");

contentPane.add(button1);

contentPane.add(button2);

contentPane.add(button3);

contentPane.add(button4);

contentPane.add(button5);

contentPane.add(button6);

contentPane.add(button7);

contentPane.add(button8);

contentPane.add(button9);

```

案例说明:

下面是一个简单的示例,创建一个JFrame窗口,其中包含9个不同大小和背景颜色的JButton按钮,使用GridLayout进行布局。

```java

import javax.swing.*;

import java.awt.*;

public class GridLayoutExample {

public static void main(String[] args) {

JFrame frame = new JFrame("GridLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new GridLayout(3, 3, 10, 10));

// 创建并添加9个按钮

JButton button1 = new JButton("Button 1");

JButton button2 = new JButton("Button 2");

JButton button3 = new JButton("Button 3");

JButton button4 = new JButton("Button 4");

JButton button5 = new JButton("Button 5");

JButton button6 = new JButton("Button 6");

JButton button7 = new JButton("Button 7");

JButton button8 = new JButton("Button 8");

JButton button9 = new JButton("Button 9");

button1.setPreferredSize(new Dimension(50, 50));

button2.setPreferredSize(new Dimension(70, 70));

button3.setPreferredSize(new Dimension(90, 90));

button4.setPreferredSize(new Dimension(70, 70));

button5.setPreferredSize(new Dimension(90, 90));

button6.setPreferredSize(new Dimension(50, 50));

button7.setPreferredSize(new Dimension(90, 90));

button8.setPreferredSize(new Dimension(70, 70));

button9.setPreferredSize(new Dimension(50, 50));

button1.setBackground(Color.RED);

button2.setBackground(Color.GREEN);

button3.setBackground(Color.BLUE);

button4.setBackground(Color.YELLOW);

button5.setBackground(Color.ORANGE);

button6.setBackground(Color.CYAN);

button7.setBackground(Color.PINK);

button8.setBackground(Color.WHITE);

button9.setBackground(Color.GRAY);

contentPane.add(button1);

contentPane.add(button2);

contentPane.add(button3);

contentPane.add(button4);

contentPane.add(button5);

contentPane.add(button6);

contentPane.add(button7);

contentPane.add(button8);

contentPane.add(button9);

frame.setSize(400, 400);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setVisible(true);

}

}

```

## 四、BoxLayout(盒式布局)

BoxLayout类是Swing中另一个常用的布局管理器之一,它按照水平或垂直方向排列组件,并支持对齐方式和间距的设置。

使用方法:

BoxLayout类位于javax.swing包中,有两种模式:X_AXIS(水平方向)和Y_AXIS(垂直方向)。使用该布局管理器的方法如下:

```java

JFrame frame = new JFrame("BoxLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS));

```

其中,BoxLayout类的构造方法有两个参数,分别为容器和布局模式。接下来,我们可以向容器中添加组件,如下:

```java

JButton button1 = new JButton("Button 1");

JButton button2 = new JButton("Button 2");

JButton button3 = new JButton("Button 3");

contentPane.add(button1);

contentPane.add(button2);

contentPane.add(button3);

```

案例说明:

下面是一个简单的示例,创建一个JFrame窗口,其中包含3个不同大小和背景颜色的JButton按钮,使用BoxLayout进行垂直布局。

```java

import javax.swing.*;

import java.awt.*;

public class BoxLayoutExample {

public static void main(String[] args) {

JFrame frame = new JFrame("BoxLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS));

// 创建并添加3个按钮

JButton button1 = new JButton("Button 1");

JButton button2 = new JButton("Button 2");

JButton button3 = new JButton("Button 3");

button1.setPreferredSize(new Dimension(100, 50));

button2.setPreferredSize(new Dimension(120, 70));

button3.setPreferredSize(new Dimension(80, 40));

button1.setBackground(Color.RED);

button2.setBackground(Color.GREEN);

button3.setBackground(Color.BLUE);

contentPane.add(button1);

contentPane.add(Box.createVerticalStrut(20));

contentPane.add(button2);

contentPane.add(Box.createVerticalStrut(20));

contentPane.add(button3);

frame.setSize(400, 400);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setVisible(true);

}

}

```

注意:在使用BoxLayout时,如果希望实现组件之间的间距,需要使用Box.createVerticalStrut或Box.createHorizontalStrut来创建垂直或水平的空隙。

## 五、CardLayout(卡片布局)

CardLayout类是Swing中比较特殊的布局管理器之一,它允许我们将多个组件堆叠在同一位置,并使用卡片的方式来切换不同的组件。在这种布局管理器中,每个组件都被看做一个卡片,只有当前可见的卡片才会被显示出来。

使用方法:

CardLayout类位于java.awt包中,使用该布局管理器的方法如下:

```java

JFrame frame = new JFrame("CardLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new CardLayout());

```

接下来,我们可以向容器中添加组件,如下:

```java

JPanel panel1 = new JPanel();

JPanel panel2 = new JPanel();

JPanel panel3 = new JPanel();

contentPane.add(panel1, "panel1");

contentPane.add(panel2, "panel2");

contentPane.add(panel3, "panel3");

```

注意:向容器中添加组件时,需要为每个组件命名,这样才能在需要的时候准确地切换到指定的组件。

切换卡片的方法如下:

```java

CardLayout cardLayout = (CardLayout) contentPane.getLayout();

cardLayout.show(contentPane, "panel2");

```

其中,show方法接受两个参数,分别为容器和卡片名称。

案例说明:

下面是一个简单的示例,创建一个JFrame窗口,其中包含3个不同大小和背景颜色的JPanel面板,使用CardLayout进行布局切换。

```java

import javax.swing.*;

import java.awt.*;

public class CardLayoutExample {

public static void main(String[] args) {

JFrame frame = new JFrame("CardLayout示例");

Container contentPane = frame.getContentPane();

contentPane.setLayout(new CardLayout());

// 创建并添加3个面板

JPanel panel1 = new JPanel();

JPanel panel2 = new JPanel();

JPanel panel3 = new JPanel();

panel1.setBackground(Color.RED);

panel2.setBackground(Color.GREEN);

panel3.setBackground(Color.BLUE);

contentPane.add(panel1, "panel1");

contentPane.add(panel2, "panel2");

contentPane.add(panel3, "panel3");

// 创建并添加按钮

JButton button1 = new JButton("Panel 1");

JButton button2 = new JButton("Panel 2");

JButton button3 = new JButton("Panel 3");

button1.addActionListener(e -> {

CardLayout cardLayout = (CardLayout) contentPane.getLayout();

cardLayout.show(contentPane, "panel1");

});

button2.addActionListener(e -> {

CardLayout cardLayout = (CardLayout) contentPane.getLayout();

cardLayout.show(contentPane, "panel2");

});

button3.addActionListener(e -> {

CardLayout cardLayout = (CardLayout) contentPane.getLayout();

cardLayout.show(contentPane, "panel3");

});

JPanel buttonPanel = new JPanel();

buttonPanel.add(button1);

buttonPanel.add(button2);

buttonPanel.add(button3);

frame.setContentPane(contentPane);

frame.add(buttonPanel, BorderLayout.SOUTH);

frame.setSize(400, 400);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setVisible(true);

}

}

```

## 六、总结

本文介绍了五种常用的Swing布局管理器,包括BorderLayout、FlowLayout、GridLayout、BoxLayout和CardLayout。通过学习这些布局管理器的使用方法和案例说明,我们可以快速掌握Swing开发中的UI设计与布局技巧。当然,在实际开发中,我们还可以根据需求和实际情况选择其他布局管理器来完成界面设计。 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(85) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部