JavaFX表视图行颜色

时间:2016-11-09 12:48:18

标签: java javafx javafx-8

我有这个简单的代码:

import javafx.application.Application;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Example extends Application
{
    @Override
    public void start(Stage stage) throws Exception
    {
        TableView<Integer> table = new TableView<>();

        TableColumn<Integer, Integer> column = new TableColumn<>();
        column.setCellValueFactory(param -> new SimpleObjectProperty<>(param.getValue()));
        ObservableList<Integer> items = FXCollections.observableArrayList();
        table.getColumns().add(column);
        table.setItems(items);
        table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);

        for (int i = 0; i < 500; i++)
            items.add((int) (Math.random() * 500));

        BooleanProperty disable = new SimpleBooleanProperty();

        table.setRowFactory(param ->
        {
            TableRow<Integer> row = new TableRow<>();

            row.disableProperty().bind(disable);

            row.disableProperty().addListener((observable, oldValue, newValue) ->
            {
                if (newValue)
                    row.setStyle("-fx-background-color: red");
                else
                    row.setStyle("");
            });

            return row;
        });

        Button button = new Button("Disable all rows");
        button.setOnAction(event -> disable.set(true));

        stage.setScene(new Scene(new VBox(table, button)));
        stage.show();
    }

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

当我运行它并按下按钮时,它应该为所有行着色。它可以工作,直到你向下滚动表格。然后一些奇怪的事情开始发生,一些行不会变得丰富多彩,当你向后滚动时,它们会变得丰富多彩而另一些则不会成为现实。

但是当你先滚动然后按下按钮时,它会正常工作。我不知道那里发生了什么,这对我来说似乎是个错误。

在原始代码中,我需要禁用某些行,因为我需要禁用表复选框。然而,即使我们将disable属性切换到editable属性,它也不会起作用。

有没有人知道如何解决这个问题以及它为什么不起作用?

1 个答案:

答案 0 :(得分:1)

滚动时,表格可能需要再创建几行。如果在按下按钮后创建行,则首先将新行的disable属性绑定到您创建的布尔属性(因此行&#39; s disable属性设置为是),然后您使用行的禁用属性注册一个侦听器,该属性会更改样式。由于行的禁用属性在注册侦听器后永远不会更改,因此永远不会调用它,并且样式永远不会更改。

你可以做到

    table.setRowFactory(param ->
    {
        TableRow<Integer> row = new TableRow<>();

        row.disableProperty().addListener((observable, oldValue, newValue) ->
        {
            if (newValue)
                row.setStyle("-fx-background-color: red");
            else
                row.setStyle("");
        });

        row.disableProperty().bind(disable);

        return row;
    });

或者您可以直接使用绑定:

    table.setRowFactory(param ->
    {
        TableRow<Integer> row = new TableRow<>();

        row.styleProperty().bind(Bindings
            .when(disable)
            .then("-fx-background-color: red;")
            .otherwise(""));

        row.disableProperty().bind(disable);

        return row;
    });

或者您可以使用外部样式表

.table-row-cell:disabled {
    -fx-background-color:red ;
}

并完全忽略样式的侦听器/绑定:

table.setRowFactory(param ->
{
    TableRow<Integer> row = new TableRow<>();

    row.disableProperty().bind(disable);

    return row;
});