如何使用Swing实现可自适应缩放的主菜单对齐布局？

实现思路 #

要实现元素居中、窗口缩放时元素等比例放大的效果，核心通过布局管理器组合+窗口尺寸监听实现：

• 外层容器使用BorderLayout，上下左右区域留空，仅在CENTER区域放置功能按钮容器，保证功能区始终居中
• 功能按钮容器使用GridBagLayout，垂直排列所有功能选项，按钮间预留固定比例间距
• 绑定窗口尺寸变化监听器，窗口大小调整时按初始比例同步更新按钮尺寸、字体大小、边距参数

核心代码示例 #

import javax.swing.*;
import java.awt.*;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;

public class MainMenu extends JFrame {
    // 初始窗口尺寸，用于计算缩放比例
    private static final int INIT_WIDTH = 800;
    private static final int INIT_HEIGHT = 600;
    // 初始按钮尺寸
    private static final Dimension INIT_BTN_SIZE = new Dimension(200, 50);
    // 初始字体大小
    private static final int INIT_FONT_SIZE = 16;

    private JPanel centerPanel;
    private JButton[] functionBtns;

    public MainMenu() {
        setTitle("程序主菜单");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(INIT_WIDTH, INIT_HEIGHT);
        setLocationRelativeTo(null);

        // 外层容器用BorderLayout
        JPanel contentPane = new JPanel(new BorderLayout());
        setContentPane(contentPane);

        // 中间功能区容器
        centerPanel = new JPanel(new GridBagLayout());
        GridBagConstraints gbc = new GridBagConstraints();
        gbc.insets = new Insets(15, 0, 15, 0);
        gbc.gridx = 0;
        gbc.fill = GridBagConstraints.HORIZONTAL;

        // 初始化功能按钮
        String[] btnTexts = {"开始游戏", "设置", "退出"};
        functionBtns = new JButton[btnTexts.length];
        for (int i = 0; i < btnTexts.length; i++) {
            functionBtns[i] = new JButton(btnTexts[i]);
            functionBtns[i].setPreferredSize(INIT_BTN_SIZE);
            functionBtns[i].setFont(new Font("微软雅黑", Font.PLAIN, INIT_FONT_SIZE));
            gbc.gridy = i;
            centerPanel.add(functionBtns[i], gbc);
        }

        contentPane.add(centerPanel, BorderLayout.CENTER);

        // 绑定窗口缩放监听
        addComponentListener(new ComponentAdapter() {
            @Override
            public void componentResized(ComponentEvent e) {
                resizeComponents();
            }
        });
    }

    // 按比例调整所有元素尺寸
    private void resizeComponents() {
        // 计算宽高缩放比例
        double widthScale = getWidth() * 1.0 / INIT_WIDTH;
        double heightScale = getHeight() * 1.0 / INIT_HEIGHT;
        // 取最小比例保证元素不变形
        double scale = Math.min(widthScale, heightScale);

        // 调整按钮尺寸和字体
        int newBtnWidth = (int) (INIT_BTN_SIZE.width * scale);
        int newBtnHeight = (int) (INIT_BTN_SIZE.height * scale);
        int newFontSize = (int) (INIT_FONT_SIZE * scale);
        for (JButton btn : functionBtns) {
            btn.setPreferredSize(new Dimension(newBtnWidth, newBtnHeight));
            btn.setFont(new Font("微软雅黑", Font.PLAIN, newFontSize));
        }

        // 调整按钮间距
        GridBagLayout layout = (GridBagLayout) centerPanel.getLayout();
        for (Component comp : centerPanel.getComponents()) {
            GridBagConstraints gbc = layout.getConstraints(comp);
            int margin = (int) (15 * scale);
            gbc.insets = new Insets(margin, 0, margin, 0);
            layout.setConstraints(comp, gbc);
        }

        centerPanel.revalidate();
        centerPanel.repaint();
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            new MainMenu().setVisible(true);
        });
    }
}

效果说明 #

• 功能按钮始终处于窗口居中位置，和需求的布局示例效果一致：
  
• 窗口拉伸时所有元素按初始比例同步放大，不会出现变形、错位问题
• 可以根据需求调整初始尺寸、按钮文本、间距参数适配你的设计要求

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