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

时间:2016-05-02 19:54:34

标签: java css user-interface javafx tableview

我在网上搜索了过去几个小时,并且试图在没有运气的情况下实现此功能。

我有一个包含各种列的TableView,其中一列是一个持有时间的String字段。我想要突出显示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,看起来就像我想要实现的那样,高亮的颜色需要进行palevioletred。

非常感谢任何指导。

更新 - James_D解决方案

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

我从我的主控制器类引用这个新类,如下所示;

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

TableRowController

包控制器;

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 Class

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;
}
}

1 个答案:

答案 0 :(得分:0)

我会按如下方式处理:

在桌面上使用rowFactory。您创建的行将观察当前项的time属性,如果更改,则更新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;
}