吴志勇的博客 吴志勇的博客
  • h5

    • HTML5&CSS3
  • scss

    • css预处理语言
  • JavaScript

    • JavaScript教程
    • Ajax
    • ES6教程
    • NodeJS
    • Typescript
  • 框架

    • Jquery
    • VUE
    • React
  • Swing专题
  • java基础
  • javaweb
  • 框架
  • 数据库
  • netty
  • 设计模式
  • 微服务及架构
  • 云原生
  • maven
  • 单元测试
工具
我的
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

吴志勇

......
  • h5

    • HTML5&CSS3
  • scss

    • css预处理语言
  • JavaScript

    • JavaScript教程
    • Ajax
    • ES6教程
    • NodeJS
    • Typescript
  • 框架

    • Jquery
    • VUE
    • React
  • Swing专题
  • java基础
  • javaweb
  • 框架
  • 数据库
  • netty
  • 设计模式
  • 微服务及架构
  • 云原生
  • maven
  • 单元测试
工具
我的
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Swing专题

    • swing图形化界面简介

    • JavaSwing布局管理器

      • FlowLayout(流式布局)
      • GridLayout(网格布局)
      • GridBagLayout(网格袋布局)
      • BoxLayout(箱式布局)
      • GroupLayout(分组布局)
      • CardLayout(卡片布局)
      • BorderLayout(边界布局)
      • SpringLayout(弹性布局)
      • null(绝对布局)
    • JavaSwing基本组件

    • JavaSwing面板组件

    • JavaSwing其他组件

    • JavaSwing相关特性

    • 扩展:JavaAWTSwing其他相关

  • java基础

  • javaweb

  • 框架

  • Maven
  • 单元测试
  • 动态代理
  • 数据库

  • netty

  • 设计模式

  • 微服务及架构

  • 云原生

  • Velocity模板引擎
  • 后端
  • Swing专题
  • JavaSwing布局管理器
wuzhiyong
2024-09-18

GroupLayout(分组布局)

# 1. 概述

官方JavaDocsApi: javax.swing.GroupLayout (opens new window)

GroupLayout,分组布局管理器。它将组建按层次分组,以决定它们在 Container 中的位置。GroupLayout主要供生成器使用(生成并行组和串行组)。分组由GroupLayout.Group类的实例来完成,每个组可以包含任意数量的元素(Group、Component 或 Gap)。

GroupLayout支持两种组:

  • 串行组 (sequential group):按顺序沿指定方向(水平/垂直)逐个放置元素。
  • 并行组 (parallel group):沿指定方向(水平/垂直)并行排列元素,能够以四种不同方式对齐其子元素。

PS: 串行和并行根据不同的方向(水平/垂直方向),元素的排列方式也不同(从上到下或从左到右)。

Group的创建以及元素的添加:

// 先创建分组布局,并关联容器
GroupLayout layout = new GroupLayout(panel);

// 创建 串行组
GroupLayout.SequentialGroup seqGroup = layout.createSequentialGroup();
// 添加 组元素
seqGroup.addGroup(group);
// 添加 组件元素
seqGroup.addComponent(component);
// 添加 间隙
seqGroup.addGap(size);

// 创建 并行组
GroupLayout.ParallelGroup paralGroup = layout.createParallelGroup();
// 添加 组元素(可指定对齐方式)
paralGroup.addGroup([alignment,] group);
// 添加 组件元素(可指定对齐方式)
paralGroup.addComponent(component, [alignment]);
// 添加 间隙
paralGroup.addGap(size);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

GroupLayout对X轴(水平方向)和Y轴(竖直方向)单独对待,因此需要给GroupLayout在水平和竖直方向上分别指定一个组,来分别确定组件在水平方向和竖直方向上的位置。

设置 GroupLayout 两个方向上的组:

// 指定布局的水平组(确定组件在 X轴 方向上的位置)
GroupLayout.setHorizontalGroup(GroupLayout.Group group);

// 指定布局的垂直组(确定组件在 Y轴 方向上的位置)
GroupLayout.setVerticalGroup(GroupLayout.Group group);
1
2
3
4
5

# 2. 代码实例

package com.xiets.swing;

import javax.swing.*;

public class Main {

    public static void main(String[] args) {
        JFrame jf = new JFrame("测试窗口");
        jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

        // 创建内容面板容器
        JPanel panel = new JPanel();
        // 创建分组布局,并关联容器
        GroupLayout layout = new GroupLayout(panel);
        // 设置容器的布局
        panel.setLayout(layout);

        // 创建组件
        JButton btn01 = new JButton("Button01");
        JButton btn02 = new JButton("Button02");
        JButton btn03 = new JButton("Button03");
        JButton btn04 = new JButton("Button04");
        JButton btn05 = new JButton("Button05");

        // 自动创建组件之间的间隙
        layout.setAutoCreateGaps(true);
        // 自动创建容器与触到容器边框的组件之间的间隙
        layout.setAutoCreateContainerGaps(true);

        /*
         * 水平组(仅确定 X 轴方向的坐标/排列方式)
         *
         * 水平串行: 水平排列(左右排列)
         * 水平并行: 垂直排列(上下排列)
         */
        // 水平并行(上下) btn01 和 btn02
        GroupLayout.ParallelGroup hParalGroup01 = layout.createParallelGroup().addComponent(btn01).addComponent(btn02);

        // 水平并行(上下)btn03 和 btn04
        GroupLayout.ParallelGroup hParalGroup02 = layout.createParallelGroup().addComponent(btn03).addComponent(btn04);

        // 水平串行(左右)hParalGroup01 和 hParalGroup02
        GroupLayout.SequentialGroup hSeqGroup = layout.createSequentialGroup().addGroup(hParalGroup01).addGroup(hParalGroup02);

        // 水平并行(上下)hSeqGroup 和 btn05
        GroupLayout.ParallelGroup hParalGroup = layout.createParallelGroup().addGroup(hSeqGroup).addComponent(btn05, GroupLayout.Alignment.CENTER);

        layout.setHorizontalGroup(hParalGroup);  // 指定布局的 水平组(水平坐标)

        /*
         * 垂直组(仅确定 Y 轴方向的坐标/排列方式)
         *
         * 垂直串行: 垂直排列(上下排列)
         * 垂直并行: 水平排列(左右排列)
         */
        // 垂直并行(左右)btn01 和 btn03
        GroupLayout.ParallelGroup vParalGroup01 = layout.createParallelGroup().addComponent(btn01).addComponent(btn03);

        // 垂直并行(左右)btn02 和 btn04
        GroupLayout.ParallelGroup vParalGroup02 = layout.createParallelGroup().addComponent(btn02).addComponent(btn04);

        // 垂直串行(上下)vParalGroup01, vParalGroup02 和 btn05
        GroupLayout.SequentialGroup vSeqGroup = layout.createSequentialGroup().addGroup(vParalGroup01).addGroup(vParalGroup02).addComponent(btn05);

        layout.setVerticalGroup(vSeqGroup);    // 指定布局的 垂直组(垂直坐标)

        jf.setContentPane(panel);
        jf.pack();
        jf.setLocationRelativeTo(null);
        jf.setVisible(true);
    }

}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73

结果展示:

5个Button的排列说明:

沿 X轴 方向(水平方向):

  • Button01 和 Button02 并行 成 Group01
  • Button03 和 Button04 并行 成 Group02
  • 将 Group01 和 Group02 串行 成 Group03
  • 将 Group03 和 Butotn05 并行

沿 Y轴 方向(竖直方向):

  • Button01 和 Button03 并行 成 Group01
  • Button02 和 Button04 并行 成 Group02
  • 将 Group01、Group02 和 Button05 串行
#swing
上次更新: 2024-09-19 12:17:39

← BoxLayout(箱式布局) CardLayout(卡片布局)→

Copyright © 2020-2025 wuzhiyong
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式