如何在单个JPanel中实现标题与2×2网格的上下分区布局？

嘿，刚接触Swing遇到布局小问题很正常，咱们一步步来搞定它！

问题根源分析 #

你现在的代码里，给northPanel先加了标题标签，随后设置了GridLayout(2,2)——这会让northPanel里的所有组件都按2行2列的网格排列，包括标题标签，所以标题被挤到了网格的第一个单元格里，完全不是你想要的“标题在网格上方单独显示”的效果。

解决方案：嵌套面板实现分区 #

要在同一个区域实现上下分区，核心思路是嵌套JPanel：给northPanel使用BorderLayout，把标题放在它的NORTH区域，再创建一个专门的网格面板放在CENTER区域，就能实现标题在上、网格在下的分层布局了。

修改后的完整代码 #

import javax.swing.*;
import java.awt.*;

public class CompView extends JFrame {
    public CompView() {
        super("Super");
        setResizable(false);
        setLocationRelativeTo(null);
        
        // 主north面板用BorderLayout，实现标题和网格的上下分区
        JPanel northPanel = new JPanel(new BorderLayout());
        JPanel middlePanel = new JPanel();
        
        // 标题标签，居中显示，添加边距让布局更宽松
        JLabel titleLabel = new JLabel("TITLE", SwingConstants.CENTER);
        titleLabel.setBorder(BorderFactory.createEmptyBorder(10, 0, 10, 0));
        northPanel.add(titleLabel, BorderLayout.NORTH);
        
        // 创建专门的网格面板，承载2×2的输入组件，添加组件间距
        JPanel gridPanel = new JPanel(new GridLayout(2, 2, 8, 8));
        gridPanel.add(new JLabel("Text: "));
        gridPanel.add(new JTextField(15)); // 指定文本框初始宽度，避免显示异常
        gridPanel.add(new JLabel("Text: "));
        gridPanel.add(new JTextField(15));
        gridPanel.setBorder(BorderFactory.createEmptyBorder(0, 10, 10, 10));
        northPanel.add(gridPanel, BorderLayout.CENTER);
        
        getContentPane().add(northPanel, BorderLayout.NORTH);
        
        // 中间区域布局调整，优化边距和组件显示
        middlePanel.setLayout(new GridLayout(2, 1, 0, 8));
        JLabel title2Label = new JLabel("Title 2:", SwingConstants.CENTER);
        title2Label.setBorder(BorderFactory.createEmptyBorder(10, 0, 5, 0));
        middlePanel.add(title2Label);
        middlePanel.add(new JTextField()); // 这个文本框会自动拉伸适配窗口
        getContentPane().add(middlePanel, BorderLayout.CENTER);
        
        // 让窗口自动适配组件大小，无需手动设置尺寸
        pack();
        setVisible(true);
    }

    public static void main(String[] args) {
        // 遵循Swing线程规范，在事件调度线程中启动程序
        SwingUtilities.invokeLater(CompView::new);
    }
}

关键改动说明 #

• 嵌套面板结构：用BorderLayout的northPanel承载标题和网格面板，完美实现上下分区
• 布局细节优化：通过BorderFactory给组件添加边距，让界面更美观不拥挤
• 组件尺寸控制：给JTextField指定初始宽度，避免组件显示过宽或过窄
• 线程安全启动：在SwingUtilities.invokeLater中启动程序，符合Swing的线程运行规范
• 自动适配窗口：添加pack()方法，让窗口自动调整到合适大小

这样修改后，就能完全实现你期望的布局效果：标题在最上方，下面是整齐的2×2输入网格，中间区域的Title2和可拉伸文本框也能正常显示啦～

内容的提问来源于stack exchange，提问作者Confused Student