java - 当时间单元格超过当前时间时突出显示 JavaFX 中的 TableView 行

Question

过去几个小时我一直在网上搜索并尝试实现此功能但没有成功。

我有一个包含多个列的 TableView，其中一个是包含时间的字符串字段。我想突出显示 timeCol 值晚于当前时间的所有行。

这必须每 5 分钟检查一次，并相应地突出显示表格。我假设这需要在后台线程上运行，但我对并发没有经验。

TableView 内容

@FXML
private TableView<BookingImpl> bookingTableView;
@FXML
private TableColumn<BookingImpl, String> timeCol;
@FXML
private TableColumn<BookingImpl, String> nameCol;
@FXML
private TableColumn<BookingImpl, String> pickUpCol;
@FXML
private TableColumn<BookingImpl, String> dropOffCol;
@FXML
private TableColumn<BookingImpl, String> commentCol;
@FXML
private TableColumn<BookingImpl, String> priceCol;

我看过这个帖子JavaFX tableview colors这看起来像我想要实现的，高亮颜色需要是淡紫色。

任何指导将不胜感激。

更新 - James_D 解决方案

我已经对此进行了调整以适合我的应用程序，但它只会突出显示输入的延迟预订，即如果我从现在开始输入 1 分钟的预订并等待它不会突出显示它。我已禁用列的 FXML 实现，但更愿意使用它。

我正在从我的主 Controller 类中引用这个新类，如下所示；

TableRowController rowController = new TableRowController();
rowController.start(bookingTableView);

表格行 Controller

包 Controller ；

import Model.BookingImpl;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.Property;
import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.value.ChangeListener;
import javafx.css.PseudoClass;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;

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

public class TableRowController{

private final PseudoClass future = PseudoClass.getPseudoClass("future");

public void start(TableView table){
    ObjectProperty<LocalTime> now = new SimpleObjectProperty<>(LocalTime.now());
    table.setRowFactory(tv -> {
        TableRow<BookingImpl> row = new TableRow<>();
        ChangeListener<LocalTime> listener = (obs, oldTime, newTime) -> updateRow(row, now.get());
        now.addListener(listener);
        row.itemProperty().addListener((obs, oldItem, newItem) -> {
            if (oldItem != null) {
                oldItem.getTimeProperty().removeListener(listener);
            }
            if (newItem != null) {
                newItem.getTimeProperty().addListener(listener);
            }
            updateRow(row, now.get());
        });
        return row ;
    });

    configureTable(table);
}

public void updateRow(TableRow<BookingImpl> row, LocalTime now) {
    boolean isFuture = false ;
    if (row.getItem() != null) {
        isFuture = row.getItem().getTime().isBefore(now);
    }
    row.pseudoClassStateChanged(future, isFuture);
}


private void configureTable(TableView<BookingImpl> table) {
    table.getColumns().add(column("Time", (Function<BookingImpl, Property<LocalTime>>) (t) -> t.getTimeProperty()));
    table.getColumns().add(column("Name", (Function<BookingImpl, Property<String>>) (t) -> new SimpleStringProperty(t.getClientName())));
    table.getColumns().add(column("Pickup", (Function<BookingImpl, Property<String>>) (t) -> new SimpleStringProperty(t.getPickUpAddress())));
    table.getColumns().add(column("Dropoff", (Function<BookingImpl, Property<String>>) (t) -> new SimpleStringProperty(t.getDropOffAddress())));
    table.getColumns().add(column("Comment", (Function<BookingImpl, Property<String>>) (t) -> new SimpleStringProperty(t.getComments())));
    table.getColumns().add(column("Price", (Function<BookingImpl, Property<String>>) (t) -> new SimpleStringProperty(t.getFormattedPrice())));
    table.setItems(ObservableLists.bookingsList);
}

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

}

BookingImpl 类

public class BookingImpl implements Booking {
public static int bookingNumberCounter = 1001;
private final int bookingNumber;
private Account account;
private String vehicleType;
private String noPassengers;
private LocalDate date;
private ObjectProperty<LocalTime> time = new SimpleObjectProperty<>();
private String pickUpAddress;
private String dropOffAddress;
private String clientName;
private String clientTel;
private String clientEmail;
private String comments;
private double price;
private boolean completed = false;
private Driver driver;

public BookingImpl(Account account){
    this.bookingNumber = bookingNumberCounter;
    bookingNumberCounter++;
    Archive.allBookings.add(this);
    Archive.incompleteBookings.add(this);
    ObservableLists.bookingsList.clear();
    ObservableLists.bookingsList.addAll(Archive.incompleteBookings);
    account.newBooking(this);
}


@Override
public void deleteBooking() {
    account.deleteBooking(this);
    Archive.allBookings.remove(this);
}

public int getBookingNumber() {
    return bookingNumber;
}

public Account getAccount() {
    return account;
}

public void setAccount(Account account) {
    this.account = account;
}

public String getVehicleType() {
    return vehicleType;
}

public void setVehicleType(String vehicleType) {
    this.vehicleType = vehicleType;
}

public String getNoPassengers() {
    return noPassengers;
}

public void setNoPassengers(String noPassengers) {
    this.noPassengers = noPassengers;
}

public String getDate() {
    return new SimpleDateFormat("dd/MM/yyyy").format(date);
}

public void setDate(LocalDate date) {
    this.date = date;
}

public ObjectProperty<LocalTime> getTimeProperty() {
    return time;
}

public LocalTime getTime() {
    return this.getTimeProperty().get();
}

public void setTime(LocalTime time) {this.time.set(time);}

public String getPickUpAddress() {
    return pickUpAddress;
}

public void setPickUpAddress(String pickUpAddress) {
    this.pickUpAddress = pickUpAddress;
}

public String getDropOffAddress() {
    return dropOffAddress;
}

public void setDropOffAddress(String dropOffAddress) {
    this.dropOffAddress = dropOffAddress;
}

public String getClientName() {
    return clientName;
}

public void setClientName(String clientName) {
    this.clientName = clientName;
}

public String getClientTel() {
    return clientTel;
}

public void setClientTel(String clientTel) {
    this.clientTel = clientTel;
}

public String getClientEmail() {
    return clientEmail;
}

public void setClientEmail(String clientEmail) {
    this.clientEmail = clientEmail;
}

public String getComments() {
    return comments;
}

public void setComments(String comments) {
    this.comments = comments;
}

public double getPrice() {
    return price;
}

public String getFormattedPrice() {
    DecimalFormat df = new DecimalFormat("#.00");
    return "£"+df.format(this.price);
}
public void setPrice(double price) {
    this.price = price;
}

public boolean isCompleted() {
    return completed;
}

public void setCompleted(boolean completed) {
    this.completed = completed;
}

public Driver getDriver() {
    return driver;
}

public void setDriver(Driver driver) {
    this.driver = driver;
}
}

Answer 1

我会按如下方式处理:

使用 rowFactory在 table 上。您创建的行将观察当前元素的时间属性，并在更改时更新 CSS PseudoClass。您还需要该行来观察当前时间:为此创建一个 ObjectProperty<LocalTime>并从 AnimationTimer 更新它.

使用 CSS PseudoClass 的优点是您可以在外部 CSS 文件中定义样式。

这是一个例子:

import java.time.LocalTime;
import java.util.Random;
import java.util.function.Function;

import javafx.animation.AnimationTimer;
import javafx.application.Application;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.Property;
import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.beans.value.ChangeListener;
import javafx.css.PseudoClass;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class HighlightFutureItems extends Application {

    private final PseudoClass future = PseudoClass.getPseudoClass("future");

    @Override
    public void start(Stage primaryStage) {
        TableView<Item> table = new TableView<>();

        ObjectProperty<LocalTime> now = new SimpleObjectProperty<>(LocalTime.now());

        startClock(now);

        table.setRowFactory(tv -> {
            TableRow<Item> row = new TableRow<>();
            ChangeListener<LocalTime> listener = (obs, oldTime, newTime) -> updateRow(row, now.get());
            now.addListener(listener);
            row.itemProperty().addListener((obs, oldItem, newItem) -> {
                if (oldItem != null) {
                    oldItem.timeProperty().removeListener(listener);
                }
                if (newItem != null) {
                    newItem.timeProperty().addListener(listener);
                }
                updateRow(row, now.get());
            });
            return row ;
        });

        configureTable(table);

        BorderPane root = new BorderPane(table);
        Label clock = new Label();
        root.setTop(clock);

        clock.textProperty().bind(now.asString());

        Scene scene = new Scene(root, 600, 600);
        scene.getStylesheets().add("future-highlighting-table.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void updateRow(TableRow<Item> row, LocalTime now) {
        boolean isFuture = false ;
        if (row.getItem() != null) {
            isFuture = row.getItem().getTime().isAfter(now);
        }
        row.pseudoClassStateChanged(future, isFuture);
    }

    private void startClock(ObjectProperty<LocalTime> clock) {
        new AnimationTimer() {
            @Override
            public void handle(long timestamp) {
                clock.set(LocalTime.now());
            }
        }.start();
    }

    private void configureTable(TableView<Item> table) {
        table.getColumns().add(column("Item", Item::nameProperty));
        table.getColumns().add(column("Time", Item::timeProperty));

        Random rng = new Random();
        LocalTime now = LocalTime.now();
        for (int i = 1 ; i <= 50 ; i++) {
            Item item = new Item("Item "+i, now.plusSeconds(rng.nextInt(120) - 60));
            table.getItems().add(item);
        }
    }

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

    public static class Item {
        private final StringProperty name = new SimpleStringProperty();
        private final ObjectProperty<LocalTime> time = new SimpleObjectProperty<>();

        public Item(String name, LocalTime time) {
            setName(name);
            setTime(time);
        }

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


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


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


        public final ObjectProperty<LocalTime> timeProperty() {
            return this.time;
        }


        public final LocalTime getTime() {
            return this.timeProperty().get();
        }


        public final void setTime(final LocalTime time) {
            this.timeProperty().set(time);
        }



    }

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

CSS 文件(future-highlighting-table.css")可以很简单

.table-row-cell:future {
    -fx-background: palevioletred;
}