如何用鼠标监听器实现7×6棋盘方格hover时背景变红并复原？

嘿，我来帮你搞定这个7×6棋盘的鼠标悬停变色需求！其实核心就是利用鼠标的mouseEntered和mouseExited事件来切换方格的背景样式，刚好可以和你现有的拖拽逻辑整合到一起，下面给你两种可行的实现方式：

方式一：给每个棋盘方格单独注册监听器（推荐） #

这种方式最直观，每个方格组件自己处理鼠标事件，代码逻辑清晰。假设你是用自定义的JPanel子类来代表每个棋盘方格，咱们可以这么写：

// 自定义棋盘方格组件
class ChessSquare extends JPanel {
    // 保存方格的原始背景色，方便鼠标移开后恢复
    private Color originalBackgroundColor;

    public ChessSquare() {
        // 初始化时记录原始背景色
        originalBackgroundColor = getBackground();
        
        // 使用MouseInputAdapter整合悬停和拖拽逻辑（它同时实现了MouseListener和MouseMotionListener）
        addMouseListener(new MouseInputAdapter() {
            // 鼠标进入方格时，切换为红色调背景
            @Override
            public void mouseEntered(MouseEvent e) {
                // 你可以根据需求调整红色的深浅，比如用柔和的浅红：new Color(255, 180, 180)
                setBackground(Color.RED.darker());
            }

            // 鼠标离开方格时，恢复原始背景色
            @Override
            public void mouseExited(MouseEvent e) {
                setBackground(originalBackgroundColor);
            }

            // 把你现有的拖拽逻辑移到这里，保持代码统一
            @Override
            public void mouseDragged(MouseEvent me) {
                if (chessPiece == null) return;
                // 你的拖拽逻辑继续写在这里
                int x = me.getX() + xAdjustment;
                int xMax = chessBoard.getWidth() - chessPiece.getWidth();
                // ...剩下的拖拽代码
            }
        });
    }
}

之后你只需要把7×6个ChessSquare实例用GridLayout布局到棋盘容器里就行，每个方格都会自动响应鼠标悬停事件。

方式二：在棋盘容器上统一监听鼠标事件 #

如果你的方格是动态生成的，或者不想给每个方格单独加监听器，也可以在整个棋盘容器上监听mouseMoved事件，通过坐标计算当前悬停的方格：

// 假设chessBoard是你的棋盘容器（比如JPanel）
chessBoard.addMouseListener(new MouseAdapter() {
    // 记录当前悬停的方格，方便移开时恢复
    private ChessSquare currentHoveredSquare;

    @Override
    public void mouseMoved(MouseEvent e) {
        // 计算每个方格的尺寸（假设方格是正方形，7列6行）
        int squareWidth = chessBoard.getWidth() / 7;
        int squareHeight = chessBoard.getHeight() / 6;
        
        // 根据鼠标坐标计算所在的行列
        int col = e.getX() / squareWidth;
        int row = e.getY() / squareHeight;
        
        // 检查是否在棋盘有效范围内
        if (col >= 0 && col < 7 && row >= 0 && row < 6) {
            // 获取对应位置的方格（需要你自己实现getSquareAt方法，比如从容器的组件列表里取）
            ChessSquare targetSquare = getSquareAt(row, col);
            
            if (targetSquare != currentHoveredSquare) {
                // 先恢复之前悬停方格的背景
                if (currentHoveredSquare != null) {
                    currentHoveredSquare.setBackground(currentHoveredSquare.originalBackgroundColor);
                }
                // 设置新方格的红色背景
                targetSquare.setBackground(Color.RED.darker());
                currentHoveredSquare = targetSquare;
            }
        } else {
            // 鼠标移出棋盘范围，恢复之前的方格背景
            if (currentHoveredSquare != null) {
                currentHoveredSquare.setBackground(currentHoveredSquare.originalBackgroundColor);
                currentHoveredSquare = null;
            }
        }
    }
});

注意事项 #

• 不管用哪种方式，一定要保存方格的原始背景色，不要直接写死恢复的颜色，这样如果后续修改方格初始样式，代码不用跟着改。
• 如果用方式一，记得给每个ChessSquare正确设置初始背景色，originalBackgroundColor才能正确获取。
• 拖拽逻辑和悬停逻辑可以共用同一个监听器（比如MouseInputAdapter），这样代码更整洁，不用分开注册多个监听器。

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