JavaSwingGroupLayout分組布局的實現代碼

1. 概述

成都創新互聯公司專注于淮陰網站建設服務及定制，我們擁有豐富的企業做網站經驗。熱誠為您提供淮陰營銷型網站建設，淮陰網站制作、淮陰網頁設計、淮陰網站官網定制、成都微信小程序服務，打造淮陰網絡公司原創品牌,更為您提供淮陰網站排名全網營銷落地服務。

官方JavaDocsApi: javax.swing.GroupLayout

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);

GroupLayout 對 X軸（水平方向）和 Y軸（豎直方向）單獨對待，因此需要給 GroupLayout 在水平和豎直方向上分別指定一個組，來分別確定組件在水平方向和豎直方向上的位置。

設置 GroupLayout 兩個方向上的組:

// 指定布局的水平組（確定組件在 X軸 方向上的位置）
GroupLayout.setHorizontalGroup(GroupLayout.Group group);

// 指定布局的垂直組（確定組件在 Y軸 方向上的位置）
GroupLayout.setVerticalGroup(GroupLayout.Group group);

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);
  }
}

結果展示:

Java Swing GroupLayout分組布局的實現代碼