JavaFX - 如何更改所选未聚焦行的TableView颜色?

时间:2015-09-08 11:43:18

标签: java javafx tableview

无论我做什么 - 行的颜色保持不变并且具有灰色。这些更改仅适用于TableView处于焦点时。

我已经尝试了我在网上找到的所有其他建议,例如另一个线程的解决方案:

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

当没有聚焦时,似乎没有任何效果并影响行。

1 个答案:

答案 0 :(得分:20)

问题

您想要为TableView

的聚焦和未聚焦状态更改选择栏的颜色

解决方案

modena.css (默认JavaFX样式表)中有-fx-selection-bar-fx-selection-bar-non-focused定义。它们都位于名为 Theming 的部分中。所以他们应该成为一个多变的全球化的一部分。主题。如果你为整个应用程序更改它们,它不仅会改变TableView对选择颜色的方式,它甚至会改变菜单,列表等等。所以你应该知道它。

但是从上面的评论中可以清楚地看到,您尝试通过在TableView实例上调用方法.setStyle()来添加样式。如果您这样做,通过这两个属性更改颜色将导致仅更改TableView选择栏的颜色。

Minimal, Complete, and Verifiable example看起来像以下代码:

TableRowColor.java

 package tablerowcolor;

import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
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.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TableRowColor extends Application {

  @Override
  public void start(Stage primaryStage) {
    ObservableList<Person> persons
            = FXCollections.observableArrayList(
                    new Person("Sir", "Tobey"),
                    new Person("Admiral", "von Schneider"),
                    new Person("Mr.", "Pommeroy"),
                    new Person("Mr.", "Winterbottom"));

    TableView<Person> tableView = new TableView<>(persons);
    tableView.
            setStyle("-fx-selection-bar: red; -fx-selection-bar-non-focused: salmon;");

    TableColumn<Person, String> firstNameCol = new TableColumn<>("First Name");
    firstNameCol.setCellValueFactory(new PropertyValueFactory("firstName"));
    TableColumn<Person, String> lastNameCol = new TableColumn<>("Last Name");
    lastNameCol.setCellValueFactory(new PropertyValueFactory("lastName"));

    tableView.getSelectionModel().clearAndSelect(0);
    tableView.getColumns().setAll(firstNameCol, lastNameCol);

    Button btn = new Button();
    btn.setText("Focus me");

    VBox root = new VBox();
    root.getChildren().addAll(tableView, btn);

    Scene scene = new Scene(root, 300, 250);

    primaryStage.setTitle("Selection Row Color");
    primaryStage.setScene(scene);
    primaryStage.show();
  }

  /**
   * @param args the command line arguments
   */
  public static void main(String[] args) {
    launch(args);
  }

  public class Person {

    private final StringProperty firstName
            = new SimpleStringProperty(this, "firstName");

    public void setFirstName(String value) {
      firstNameProperty().set(value);
    }

    public String getFirstName() {
      return firstNameProperty().get();
    }

    public StringProperty firstNameProperty() {
      return firstName;
    }

    private final StringProperty lastName
            = new SimpleStringProperty(this, "lastName");

    ;

    public void setLastName(String value) {
      lastNameProperty().set(value);
    }

    public String getLastName() {
      return lastNameProperty().get();
    }

    public StringProperty lastNameProperty() {
      return lastName;
    }

    public Person(String firstName, String lastName) {
      this.firstName.set(firstName);
      this.lastName.set(lastName);
    }
  }
}

Netbeans项目结构

Netbeans中的JavaFX应用项目应如下所示:

NBProjectStructure

工作申请

工作应用程序将如下所示:

WorkingApp

在场景生成器中设置样式

在Scene Builder中,您可以通过打开Inspector而不是TableView的属性为TableView设置相同的样式,并将以下内容添加到样式框中:

SBStyle