BorderLayout.CENTER的JPanel为何响应除顶部外所有区域的鼠标点击？

问题描述 #

我在给JFrame设置BorderLayout布局：

• 先创建了一个包含两个JButton的FlowLayout面板，将其添加到BorderLayout的顶部（PAGE_START），这部分运行正常。
• 接着创建了继承自JPanel的MyPanel类，通过MouseAdapter实现鼠标左键点击时输出坐标的功能，并将MyPanel实例添加到BorderLayout.CENTER位置。

目前的问题是：除顶部面板外，点击窗口的任何位置都会触发MouseEvent并输出坐标。我原本以为只有点击窗口中间区域才会触发事件，这是为什么？

相关代码 #

MyPanel类：

import javax.swing.*;
import java.awt.event.*;
public class MyPanel extends JPanel{
    public MyPanel() {
        //anonymous class to listen mouse 
        this.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                //if left click
                if (e.getButton() == MouseEvent.BUTTON1) {
                    //print location message
                    System.out.println("Left button clicked at position (" + e.getX() + ", " + e.getY() + ")");
                }
            }
        });
    }
}

MyFrame类：

import javax.swing.*;
import java.awt.*;
public class MyFrame extends JFrame{
    public MyFrame() {
        //initial settings of frame
        this.setSize(400, 300);
        this.setTitle("MyFrame Title");
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        //set layout of frame
        BorderLayout l1 = new BorderLayout();
        this.setLayout(l1);
        
        //set top panel
        JPanel top = new JPanel(new FlowLayout(FlowLayout.CENTER));
        //buttons in top panel
        JButton b1 = new JButton("Left");
        JButton b2 = new JButton("Right");
        //add to top of frame
        this.add(top,BorderLayout.PAGE_START);
        
        //add my panel to center of frame
        MyPanel center = new MyPanel();
        this.add(center,BorderLayout.CENTER);
        //add buttons
        top.add(b1);
        top.add(b2);
        
        //make it visible
        this.setVisible(true);
    }
}

原因分析 #

这是BorderLayout布局管理器的默认特性导致的：
当BorderLayout容器（这里是JFrame的内容面板）没有设置PAGE_END（底部）、LINE_START（左侧）、LINE_END（右侧）位置的组件时，CENTER位置的组件会自动填充容器的所有剩余空间——也就是顶部面板下方的整个窗口区域，包括你误以为的“窗口底部空白区”。

你的MyPanel被BorderLayout拉伸填充了顶部以外的所有区域，所以点击这些区域本质上都是点击在MyPanel上，自然会触发它的鼠标监听器。

验证方式 #

可以给MyPanel设置背景色，直观看到它的实际范围：
在MyPanel的构造方法中添加一行代码：

this.setBackground(Color.RED);

运行后你会发现，顶部面板下方的整个窗口区域都会变成红色，这就是MyPanel的实际大小范围。

解决方案 #

如果希望MyPanel只占据窗口中间的一块区域，而非填充剩余空间，可以采用以下几种方式：

1. 给MyPanel设置固定首选大小 #

创建MyPanel实例后，添加如下代码：

center.setPreferredSize(new Dimension(200, 150));

BorderLayout会尊重组件的首选大小，不会将其拉伸至填满剩余空间。

2. 给BorderLayout其他位置添加空白组件 #

比如给窗口底部添加一个空白JPanel，限制CENTER区域的范围：

this.add(new JPanel(), BorderLayout.PAGE_END);

此时CENTER区域只会填充顶部和底部组件之间的空间，不会延伸至窗口底部。

3. 嵌套布局容器 #

将MyPanel放入一个使用FlowLayout的JPanel中，再将外层JPanel添加到BorderLayout.CENTER。FlowLayout不会拉伸内部组件，MyPanel会保持自身的默认/首选大小：

JPanel wrapper = new JPanel(new FlowLayout());
wrapper.add(center);
this.add(wrapper, BorderLayout.CENTER);

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