Java Swing开发国际象棋：拖拽棋子后如何删除原位置图标

问题根源 #

你当前的代码只更新了数据层Bouard的棋子状态，没有建立UI组件和棋盘坐标的映射关系，修改完数据后找不到对应位置的组件更新UI，所以原位置的棋子不会消失。

具体修改步骤 #

1. 补充类成员变量
   把数据层实例、每个格子的棋子标签都存为全局可访问的成员变量，方便后续修改：

public class CheeseGameGui extends JFrame {
    Point prevPt;
    Point currentPt;
    // 把棋盘数据提为成员变量，不要放在构造方法里当局部变量
    Bouard bouard = new Bouard();
    // 存储每个格子对应的棋子标签，坐标和棋盘一一对应
    JLabel[][] cellLabels = new JLabel[Bouard.MAX_SIZE + 1][Bouard.MAX_SIZE + 1];
    
    // 剩下的原有代码

2. 创建格子时存储标签引用
   循环创建格子的逻辑里，把每个位置的JLabel存到刚才定义的二维数组中，同时删掉重复添加面板的冗余代码：

for (int i = 0; i <= Bouard.MAX_SIZE; i++) {
    for (int j = 0; j <= Bouard.MAX_SIZE; j++) {
        JPanel mypanel = new JPanel();
        JLabel labelImg = new JLabel();
        // 把当前坐标的标签存到二维数组
        cellLabels[i][j] = labelImg;
        int xIndice = j * 50;
        int yIndice = i * 50;
        mypanel.setBounds(xIndice, yIndice, 50, 50);
        mypanel.setBorder(BorderFactory.createLineBorder(Color.green));
        ImageIcon pieceImg = new ImageIcon(new ImageIcon(bouard.getCase(i, j).getPiecePhat()).getImage().getScaledInstance(50, 50, Image.SCALE_DEFAULT));
        labelImg.setIcon(pieceImg);
        mypanel.add(labelImg);
        // 删掉重复的this.add(mypanel)，只保留这一行添加面板
        this.getContentPane().add(mypanel);
    }
}

3. 拖拽结束后同步更新UI
   在mouseReleased方法里，数据层更新完成后，同步更新原位置和新位置的标签图标：

@Override
public void mouseReleased(MouseEvent eR) {
    currentPt = eR.getPoint();
    int fromY = (int) prevPt.getY() / 50;
    int fromX = (int) prevPt.getX() / 50;
    int toY = (int) currentPt.getY() / 50;
    int toX = (int) currentPt.getX() / 50;
    // 更新数据层
    bouard.caseChange(fromY, fromX, toY, toX);
    // 清空原位置的棋子图标
    cellLabels[fromY][fromX].setIcon(null);
    // 给新位置设置对应棋子的图标
    ImageIcon newPieceImg = new ImageIcon(new ImageIcon(bouard.getCase(toY, toX).getPiecePhat()).getImage().getScaledInstance(50, 50, Image.SCALE_DEFAULT));
    cellLabels[toY][toX].setIcon(newPieceImg);
    System.out.println("piece name : " + bouard.getCase(toY, toX).getSymbol());
}

上述逻辑已经覆盖了普通移动和吃子场景，新位置原有棋子的图标会被移动过来的棋子图标直接替换，无需额外处理。

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