更改JavaFX树视图背景和文本颜色的简单方法

时间:2015-03-23 21:25:41

标签: css javafx treeview

这看起来很简单,我是JavaFX的新手,我无法改变JavaFX TreeView的背景和文本颜色(在GridPane中添加)。我已经用填充的treeitem的根节点初始化了treeview构造函数。

在.css:

.myTree {
   -fx-font: 12px Tahoma;
   -fx-stroke: #eeeeee;
   -fx-background-color: #0a0a0a;
   -fx-text-fill: #ffffff;
   }

并在代码中

 treeView.getStyleClass().add("myTree"); 

字体集,但没有别的。我似乎无法找到任何改变树视图背景的例子 - 很多人在选择和悬停时进行了奇特的改变。 有任何想法吗 ?

2 个答案:

答案 0 :(得分:6)

在单元格上设置背景颜色:

.myTree .tree-cell {
    -fx-background-color: #0a0a0a ;
    -fx-text-fill: #ffffff ;
}

答案 1 :(得分:1)

如果您只是想要一种简单的方法来摆脱令人讨厌的白树背景颜色,您可以在 场景构建器 中执行此操作。

  1. 在树状视图上放置一个“区域”。这将正确调整大小。
  2. 确保该区域位于顶部(发送到前面)。
  3. 设置区域的颜色。 (深色,即蓝色) 一世。使用-fx-background-color:darkblue
  4. 将不透明度设置为约0.15
  5. 将mouseTransparency设置为true。
  6. 完成!