javafx - JavaFX8树表视图自定义根行

Question

在我的树表视图中，我有一个根项，其中包含子项（我错误地将它们称为根项），而子项又具有子项。我需要自定义那些错误地称为根项目行的文本外观。是否有这样的选择器，或者如何做到这一点？

谢谢。

Answer 1

这将在包含根的行上设置一个伪类：

final PseudoClass firstRowClass = PseudoClass.getPseudoClass("first-row");

treeTableView.setRowFactory(treeTable -> {
    TreeTableRow<...> row = new TreeTableRow<>();
    row.treeItemProperty().addListener((ov, oldTreeItem, newTreeItem) -> 
        row.pseudoClassStateChanged(firstRowClass, newTreeItem == treeTable.getRoot()));
    return row ;
});

现在您可以在 css 中选择该行

.tree-table-row-cell:first-row { ... }

完整的例子在这里

听起来您想为根节点的直接子节点设置样式。在这种情况下，只需执行

    row.treeItemProperty().addListener((ov, oldTreeItem, newTreeItem) -> 
        row.pseudoClassStateChanged(firstRowClass, 
           newTreeItem != null && newTreeItem.getParent() == treeTable.getRoot()));

而不是上面代码中的条件。显然，您可以根据需要使用其他标准（例如! newTreeItem.isLeaf()）。

请注意，默认样式表规则tree-table-row有点奇怪：-fx-background-color为行设置，但-fx-text-fill为行和其中的单元格设置。所以如果你想改变背景颜色，你只需要

-tree-table-row-cell:first-row {
  -fx-background-color: antiquewhite ;
}

但是如果要更改文本颜色，则需要在单元格上进行更改：

-tree-table-row-cell:first-row .tree-table-cell {
  -fx-text-fill: red ;
}