CSS 在CSS中样式化TableView（JavaFX）

在本文中，我们将介绍如何使用CSS样式化JavaFX中的TableView组件。TableView是JavaFX中常用的数据展示组件之一，通过对其样式进行定制，可以使其更符合我们的设计要求。

阅读更多：CSS 教程

使用CSS样式化TableView的基本步骤

要样式化一个TableView，需要按照以下步骤进行操作：

创建一个CSS文件：首先，我们需要创建一个CSS文件来定义我们想要应用于TableView的样式。可以使用任何文本编辑器创建一个扩展名为.css的文件。
导入CSS文件：在JavaFX代码中，需要导入我们创建的CSS文件。可以在Scene的构造函数中使用getStylesheets().add()方法导入CSS文件。
选择TableView的样式类：在CSS文件中，可以使用选择器选择TableView组件，并为其指定一个样式类。例如，使用.table-view选择器选择TableView。
定义样式：在CSS中，可以为TableView指定各种样式属性，如背景颜色、字体、边框等。例如，使用-fx-background-color属性设置TableView的背景颜色。

TableView的常用样式类和样式属性

下面列举了一些常用的TableView样式类和样式属性，可以根据需要进行定制：

样式类

.table-view：选择TableView组件。
.table-row-cell：选择TableView中的行单元格。
.table-column：选择TableView中的列。
.table-cell：选择TableView中的单元格。

样式属性

-fx-background-color：设置背景颜色。
-fx-text-fill：设置文本颜色。
-fx-font-size：设置字体尺寸。
-fx-border-color：设置边框颜色。
-fx-alignment：设置内容对齐方式。

示例：样式化TableView

接下来，我们将通过一个示例来演示如何使用CSS样式化TableView。

首先，我们需要创建一个TableView并添加一些数据：

TableView<Person> tableView = new TableView<>();

TableColumn<Person, String> nameColumn = new TableColumn<>("Name");
nameColumn.setCellValueFactory(new PropertyValueFactory<>("name"));

TableColumn<Person, Integer> ageColumn = new TableColumn<>("Age");
ageColumn.setCellValueFactory(new PropertyValueFactory<>("age"));

tableView.getColumns().addAll(nameColumn, ageColumn);

ObservableList<Person> data = FXCollections.observableArrayList(
    new Person("John", 25),
    new Person("Amy", 30),
    new Person("Tom", 40));

tableView.setItems(data);

然后，我们创建一个CSS文件，并导入它：

Scene scene = new Scene(tableView);
scene.getStylesheets().add("styles.css");

接下来，在CSS文件中定义我们想要的样式：

.table-view {
    -fx-background-color: white;
}

.table-row-cell {
    -fx-background-color: #dddddd;
}

.table-column {
    -fx-text-fill: white;
    -fx-background-color: #333333;
}

.table-cell {
    -fx-alignment: center;
    -fx-font-size: 14;
}

运行程序，我们会发现TableView的样式已经被应用：

TableView的背景颜色为白色；
行单元格的背景颜色为灰色；
列的文本颜色为白色，背景颜色为深灰色；
单元格内容居中显示，字体大小为14。

总结

通过使用CSS样式化TableView，我们可以轻松地定制TableView的外观，使其与我们的设计风格相匹配。在本文中，我们介绍了如何使用CSS样式化TableView的基本步骤，并提供了一些常用的TableView样式类和样式属性。希望这些内容对你理解和应用CSS样式化TableView有所帮助。