更改表格视图单元格颜色以单击

Question

我有一个代表日历的 TableView。每个细胞是一天。我想向单元格添加一个事件。单击单元格时，必须将背景更改为红色...应该可以选择多个单元格

Answer 1

如果您只需要选择，则可以使用具有多选的选择模型和单元格选择模式。

table.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
table.getSelectionModel().setCellSelectionEnabled(true);

CSS 样式表

.table-cell {
    -fx-selection-bar: red;
    -fx-selection-bar-non-focused: red;
}

---

如果您不想使用选择模型，则需要将数据存储在您的项目中并使用自定义TableCell

public class DayCell extends TableCell<Week, Boolean> {

    {
        setOnMouseClicked(evt -> {
            if (!isEmpty() && getItem() != null && evt.getButton() == MouseButton.PRIMARY) {
                WritableValue<Boolean> property = (WritableValue<Boolean>) getTableColumn().getCellObservableValue((Week) getTableRow().getItem());
                property.setValue(!getItem());
            }
        });
    }


    @Override
    protected void updateItem(Boolean item, boolean empty) {
        super.updateItem(item, empty);

        if (empty || item == null) {
            setStyle(null);
        } else {
            setStyle(item ? "-fx-background-color: red;" : null);
        }
    }
}

column.setCellFactory(c -> new DayCell());

这需要cellValueFactory返回的ObservableValues以将数据存储在表项类中的方式实现WritableValue<Boolean>。使用存储在此类中的BooleanProperty 就可以了。

---

我认为在这种情况下使用TableView 不是一个好主意。它不是为显示固定大小的不可调整大小的网格而设计的。