GridLayout元素间距异常：双屏GUI主控件与子控件间距过大

你遇到的间距问题核心在于GridLayout的固有特性：它会强制所有行的高度保持一致，所有列的宽度也保持一致。

你设置的是GridLayout(3,2)（3行2列），而第一行的两个EmbeddedMediaPlayerComponent设置了600x600的首选大小，这会让GridLayout将所有行的高度都统一为600像素（因为GridLayout会取所有行中最高组件的高度，然后应用到所有行）。

第二行的控件面板（controlsPane1、controlsPane2）本身高度只有几十像素，却被强制拉伸到600像素，导致控件只在面板顶部显示，下方留出大量空白；第三行的主控控件面板（controlsPane）同样被拉伸到600像素，再加上第三行第二列没有填充组件，这就造成了独立控件组和主控控件组之间出现了巨大的空白间距。

我们可以放弃单一的GridLayout，改用BorderLayout + 垂直/水平BoxLayout的组合，让每个部分的高度自适应内容：

1. 把每个屏幕（播放器+对应控件）封装成一个垂直布局的面板，这样控件面板只会占用自身需要的高度，不会被拉伸。
2. 将两个垂直面板放在一个水平布局的面板中，作为顶部内容区。
3. 整个主面板使用BorderLayout，将顶部内容区放在CENTER，主控控件面板放在PAGE_END（底部）。

修改后的代码示例 #

// 主面板改用BorderLayout
JPanel contentPane = new JPanel(new BorderLayout());

// 封装第一个屏幕：播放器+控件
JPanel screen1Panel = new JPanel();
screen1Panel.setLayout(new BoxLayout(screen1Panel, BoxLayout.Y_AXIS));
mediaPlayerComponent = new EmbeddedMediaPlayerComponent();
mediaPlayerComponent.setPreferredSize(new Dimension(600, 600));
screen1Panel.add(mediaPlayerComponent);

// 创建屏幕1控件（保持原有代码）
JPanel controlsPane1 = new JPanel();
playButton1 = new JButton(playImg);
playButton1.setPreferredSize(new Dimension(30, 30));
controlsPane1.add(playButton1);
rewindButton1 = new JButton(rewindImg);
rewindButton1.setPreferredSize(new Dimension(30, 30));
controlsPane1.add(rewindButton1);
skipButton1 = new JButton(skipImg);
skipButton1.setPreferredSize(new Dimension(30, 30));
controlsPane1.add(skipButton1);
nextFrame1 = new JButton(nextFrameImg);
nextFrame1.setPreferredSize(new Dimension(30, 30));
controlsPane1.add(nextFrame1);
openButton = new JButton(openButtonImg);
openButton.setPreferredSize(new Dimension(30, 30));
controlsPane1.add(openButton);

screen1Panel.add(controlsPane1);

// 封装第二个屏幕：播放器+控件
JPanel screen2Panel = new JPanel();
screen2Panel.setLayout(new BoxLayout(screen2Panel, BoxLayout.Y_AXIS));
mediaPlayerComponent2 = new EmbeddedMediaPlayerComponent();
mediaPlayerComponent2.setPreferredSize(new Dimension(600, 600));
screen2Panel.add(mediaPlayerComponent2);

// 创建屏幕2控件（保持原有代码）
JPanel controlsPane2 = new JPanel();
playButton2 = new JButton(playImg);
playButton2.setPreferredSize(new Dimension(30, 30));
controlsPane2.add(playButton2);
rewindButton2 = new JButton(rewindImg);
rewindButton2.setPreferredSize(new Dimension(30, 30));
controlsPane2.add(rewindButton2);
skipButton2 = new JButton(skipImg);
skipButton2.setPreferredSize(new Dimension(30, 30));
controlsPane2.add(skipButton2);
nextFrame2 = new JButton(nextFrameImg);
nextFrame2.setPreferredSize(new Dimension(30, 30));
controlsPane2.add(nextFrame2);
openButton2 = new JButton(openButtonImg);
openButton2.setPreferredSize(new Dimension(30, 30));
controlsPane2.add(openButton2);

screen2Panel.add(controlsPane2);

// 将两个屏幕面板放在水平布局中
JPanel topPanel = new JPanel();
topPanel.add(screen1Panel);
topPanel.add(screen2Panel);
contentPane.add(topPanel, BorderLayout.CENTER);

// 创建主控控件面板（去掉无效的BorderLayout约束，controlsPane默认是FlowLayout）
JPanel controlsPane = new JPanel();
playButton = new JButton(playImg);
playButton.setPreferredSize(new Dimension(30, 30));
controlsPane.add(playButton);
rewindButton = new JButton(rewindImg);
rewindButton.setPreferredSize(new Dimension(30, 30));
controlsPane.add(rewindButton);
skipButton = new JButton(skipImg);
skipButton.setPreferredSize(new Dimension(30, 30));
controlsPane.add(skipButton);
nextFrame = new JButton(nextFrameImg);
nextFrame.setPreferredSize(new Dimension(30, 30));
controlsPane.add(nextFrame);
sync = new JButton(syncImg);
sync.setPreferredSize(new Dimension(30, 30));
controlsPane.add(sync);
unsync = new JButton(unSyncImg);
unsync.setPreferredSize(new Dimension(30, 30));
controlsPane.add(unsync);

// 将主控面板放在底部
contentPane.add(controlsPane, BorderLayout.PAGE_END);

frame.setContentPane(contentPane);
frame.setVisible(true);

额外说明 #

• 你原来的主控控件面板代码中，给add()方法传递了BorderLayout.PAGE_END参数，但controlsPane默认使用的是FlowLayout，这些约束是无效的，所以修改后的代码中去掉了它们。
• 如果想要两个屏幕面板之间的间距更合理，可以给topPanel设置水平间距，比如topPanel.setLayout(new FlowLayout(FlowLayout.CENTER, 20, 0));，其中20是水平间距的像素值。

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