2

下面是我的TreeTableView。如您所见，展开折叠关卡的箭头与数据不符。

在此处输入图像描述 我想把它们排成一行。但不知道该怎么做。我在css中尝试了以下方法，但都不起作用。

.tree-table-row-cell .arrow {
    -fx-alignment: CENTER;
    -fx-mark-color:red;
}
.tree-table-row-cell .arrow-button {
    -fx-alignment: CENTER;
    -fx-mark-color:blue;
}

.tree-table-cell .arrow {
    -fx-alignment: CENTER;
    -fx-mark-color:yellow;
}
.tree-table-cell .arrow-button {
    -fx-alignment: CENTER;
    -fx-mark-color:green;
} 
.tree-table-cell > .arrow-button >.arrow{
   -fx-alignment: CENTER;
   -fx-mark-color:purple;
}
.tree-table-row-cell > .arrow-button >.arrow{
   -fx-alignment: CENTER;
   -fx-mark-color:grey;
}

有谁知道我怎样才能做到这一点？

4

1 回答 1

2

这并不完美（自从被问到这个问题已经一年半了）但我需要做同样的事情，这是我能想到的最好的。

问题是箭头已经居中对齐，并且在添加任何样式后它不会重新对齐，因此如果您添加任何使任何单元格内容变大的样式，它会将其丢弃。（我的一个单元格值使用较大的字体大小，因为该单元格中的值通常是一个减号，我的一些用户很难看到。）

使用Scenic View（解决此类问题的好工具）我发现箭头节点周围有一个.tree-disclosure-node类的包装器。（风景视图也是我知道它已经居中的方式。）所以我只是在该包装器中添加了一些顶部填充。

不要费心尝试填充箭头本身，因为这只会使箭头变大。

希望这可以帮助某人。

.tree-disclosure-node {
    -fx-padding: 15 5 0 5;
}

在此处输入图像描述

于 2017-12-20T17:55:51.583 回答