JavaFX ListView元素异常：多卡片移除后界面显示异常

你的问题根源主要有两点：

• ListView的Cell重用机制引发事件绑定混乱：ListView不会为每个列表项创建新Cell，当列表滚动或数据变化时，Cell会被复用。你的代码在每次updateItem时都新建VBox和Button，但未清理旧组件的事件绑定，导致Cell复用时，点击按钮可能操作的是之前绑定的旧Card对象，而非当前显示的Card。
• Card类未重写equals与hashCode方法：如果Card没有重写这两个方法，centerList.getItems().remove(card)会使用Object默认的地址比较，若存在对象引用逻辑问题，可能无法正确定位并移除目标元素。

1. 规范ListView Cell实现，处理组件重用 #

修改两个ListView的CellFactory实现，初始化时只创建一次组件，避免每次updateItem都新建，同时维护当前绑定的Card对象：

右侧Add按钮的Cell实现 #

rightList.setCellFactory(param -> new ListCell<Card>() {
    private final VBox container = new VBox();
    private final Label cardLabel = new Label();
    private final Button addButton = new Button("Add");
    private Card currentCard;

    {
        // 初始化时绑定事件，引用当前维护的Card对象
        addButton.setOnAction(event -> {
            if (currentCard != null && !currentCard.isMoved()) {
                centerList.getItems().add(currentCard);
                currentCard.setMoved(true);
            }
        });
        container.getChildren().addAll(cardLabel, addButton);
    }

    @Override
    protected void updateItem(Card card, boolean empty) {
        super.updateItem(card, empty);
        currentCard = card; // 更新当前绑定的Card
        if (empty || card == null) {
            setText(null);
            setGraphic(null);
        } else {
            cardLabel.setText(card.toString());
            setGraphic(container);
        }
    }
});

中间Remove按钮的Cell实现 #

centerList.setCellFactory(param -> new ListCell<Card>() {
    private final VBox container = new VBox();
    private final Label cardLabel = new Label();
    private final Button removeButton = new Button("Remove");
    private Card currentCard;

    {
        removeButton.setOnAction(event -> {
            if (currentCard != null) {
                currentCard.setMoved(false);
                centerList.getItems().remove(currentCard);
            }
        });
        container.getChildren().addAll(cardLabel, removeButton);
    }

    @Override
    protected void updateItem(Card card, boolean empty) {
        super.updateItem(card, empty);
        currentCard = card;
        if (empty || card == null) {
            setText(null);
            setGraphic(null);
        } else {
            cardLabel.setText(card.toString());
            setGraphic(container);
        }
    }
});

2. 为Card类重写equals和hashCode方法 #

确保Card类根据业务属性（名称、数值等）重写这两个方法，让remove(card)能正确定位目标元素：

public class Card {
    private String name;
    private int value;
    private boolean moved;

    // 构造方法、getter、setter省略

    @Override
    public boolean equals(Object o) {
        if (this == o) return true;
        if (o == null || getClass() != o.getClass()) return false;
        Card card = (Card) o;
        return value == card.value && Objects.equals(name, card.name);
    }

    @Override
    public int hashCode() {
        return Objects.hash(name, value);
    }

    @Override
    public String toString() {
        return name + " (" + value + ")";
    }
}

• 若要禁止重复添加，可直接通过centerList.getItems().contains(card)判断，减少对对象内部状态的依赖。
• 所有对ListView数据的操作确保在JavaFX应用线程中执行（事件处理默认在FX线程，无需额外处理，异步场景需注意）。

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