Question

所以我正在开发一个待办事项清单＆＃34;应用程序中有一个包含要执行的任务的TableView，在我的TableView中有一个＆＃34;截止日期＆＃34;柱。我希望如果任务的截止日期已经过去，它会使特定的截止日期为红色。

因此，如果用户在2015年1月1日打开应用程序并且他的任务截止日期是2014年12月31日，则其相应的截止日期单元格的文本颜色为红色。

该表显然与＆＃34;任务＆＃34;的ObservableList相关联。具有ObjectProperty＆＃34;截止日期的对象＆＃34;字段。

我将如何做到这一点？

Answer 1

定义CSS PseudoClass以表示逾期项目。使用根据截止日期是否已过去设置伪类状态的单元工厂。您没有发布任何代码，但以下内容应该有所帮助：

TableColumn<Task, LocalDate> deadlineColumn = new TableColumn<>("Deadline");
deadlineColumn.setCellValueFactory( cellData -> cellData.getValue().deadlineProperty() ); // or similar...
PseudoClass overdue = PseudoClass.getPseudoClass("overdue");
deadlineColumn.setCellFactory(col -> new TableCell<Task, LocalDate>() {
    @Override
    public void updateItem(LocalDate deadline, boolean empty) {
        super.updateItem(deadline, empty) ;
        if (empty) {
            pseudoClassStateChanged(overdue, false);
            setText(null);
        } else {
            pseudoClassStateChanged(overdue, LocalDate.now().isAfter(deadline));
            setText(deadline.toString());
        }
    }
});

然后在外部css文件中你可以做

.table-cell:overdue {
    -fx-text-fill: red ;
}

更新：这是一个完整的示例，上面显示的CSS名为overdue.css：

import java.time.LocalDate;
import java.util.function.Function;

import javafx.application.Application;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.beans.value.ObservableValue;
import javafx.css.PseudoClass;
import javafx.scene.Scene;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class ToDoTable extends Application {

    @Override
    public void start(Stage primaryStage) {
        TableView<ToDoItem> table = new TableView<>();
        table.getColumns().add(createColumn("Name", ToDoItem::nameProperty));
        TableColumn<ToDoItem, LocalDate> deadlineCol = createColumn("Deadline", ToDoItem::deadlineProperty);
        PseudoClass overdue = PseudoClass.getPseudoClass("overdue");
        deadlineCol.setCellFactory(col -> new TableCell<ToDoItem, LocalDate>() {
            @Override
            public void updateItem(LocalDate deadline, boolean empty) {
                super.updateItem(deadline, empty);
                if (empty) {
                    pseudoClassStateChanged(overdue, false);
                    setText(null);
                } else {
                    pseudoClassStateChanged(overdue, LocalDate.now().isAfter(deadline));
                    setText(deadline.toString());
                }
            }
        });
        table.getColumns().add(deadlineCol);

        for (int i=1; i <= 10; i++) {
            LocalDate deadline = LocalDate.now().plusDays(i - 5);
            ToDoItem item = new ToDoItem("Item "+i, deadline);
            table.getItems().add(item);
        }

        BorderPane root = new BorderPane(table);
        Scene scene = new Scene(root, 800, 600);
        scene.getStylesheets().add("overdue.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private static <S,T> TableColumn<S,T> createColumn(String title, Function<S, ObservableValue<T>> property) {
        TableColumn<S,T> col = new TableColumn<>(title);
        col.setCellValueFactory(cellData -> property.apply(cellData.getValue()));
        return col ;
    }


    public static class ToDoItem {
        private final StringProperty name = new SimpleStringProperty();
        private final ObjectProperty<LocalDate> deadline = new SimpleObjectProperty<>();

        public ToDoItem(String name, LocalDate deadline) {
            this.name.set(name);
            this.deadline.set(deadline);
        }

        public final StringProperty nameProperty() {
            return this.name;
        }

        public final java.lang.String getName() {
            return this.nameProperty().get();
        }

        public final void setName(final java.lang.String name) {
            this.nameProperty().set(name);
        }

        public final ObjectProperty<LocalDate> deadlineProperty() {
            return this.deadline;
        }

        public final java.time.LocalDate getDeadline() {
            return this.deadlineProperty().get();
        }

        public final void setDeadline(final java.time.LocalDate deadline) {
            this.deadlineProperty().set(deadline);
        }


    }

    public static void main(String[] args) {
        launch(args);
    }
}

TableView单个单元格侦听器JavaFX

1 个答案: