TableView Cell 跳过颜色

Question

各个单元格的颜色不是我指定的。

带有“在线”的每一行应该是白色的，带有“离线”的每一行应该略带绿色。这一切都有效，但是当我向下和向上滚动时，“在线”上的那些将获得绿色作为背景色...

tblIP.setRowFactory(tv -> new TableRow<Device>() {
        @Override
        public void updateItem(Device item, boolean empty) {
            super.updateItem(item, empty);
            if(item == null || empty) {
                setStyle("");
                setText(null);
                this.getStyleClass().add("Offline");
                this.getStyleClass().remove("Online");
                this.getStyleClass().remove("deactive");
            } else if (!item.getActive().get()){
                this.getStyleClass().remove("Offline");
                this.getStyleClass().remove("Online");
                this.getStyleClass().add("deactive");
            } else if (item.getStatus().get() == 1) {
                this.getStyleClass().remove("Offline");
                this.getStyleClass().add("Online");
                this.getStyleClass().remove("deactive");
            } else if (item.getStatus().get() == 0){
                this.getStyleClass().add("Offline");
                this.getStyleClass().remove("Online");
                this.getStyleClass().remove("deactive");
            }
        }
    });

CSS:

.Offline {
    -fx-background-color: rgb(217,153,153);
    -fx-text-fill: black;
}

.Online {
    -fx-background-color: transparent;
    -fx-text-fill: black;
}

.deactive {
    -fx-background-color: rgb(196,215,155);
    -fx-text-fill: black;
}

到目前为止，颜色分配工作正常，但是当我滚动时，颜色分配不正确。我想我滚动得太快了，“updateItem”没有落后。

Answer 1

好的，我已经自己解决了这个问题。因为我只是添加了 this.getStyleClass().clear();.

代码：

tblIP.setRowFactory(tv -> new TableRow<Device>() {
        @Override
        public void updateItem(Device item, boolean empty) {
            super.updateItem(item, empty);
            this.getStyleClass().removeAll("deactive", "Online", "Offline"); <- Thanks James_D
            if(item == null || empty) {
                setStyle("");
                setText(null);
            } else if (!item.getActive().get()){
                this.getStyleClass().add("deactive");
            } else if (item.getStatus().get() == 1) {
                this.getStyleClass().add("Online");
            } else if (item.getStatus().get() == 0){
                this.getStyleClass().add("Offline");
            }
        }
    });

TableView Cell 跳过颜色

TableView Cell skips with the color

java

javafx

tableview