JavaFX：如何为不同的TreeItem分配不同的颜色？

我已经阅读这里和其他地方，应该使用CellFactory，但我似乎无法理解如何。我不是在setGraphic之后，我只是想用css根据不同的节点类型定义不同的颜色。JavaFX：如何为不同的TreeItem分配不同的颜色？

有什么建议吗？

2014-09-04 user3111525

// Your style classes: obviously choose names that logically reflect your application 
List<String> allTreeItemStyles = Arrays.asList("style1", "style2", "style3"); 

TreeView<MyTreeType> tree = new TreeView<>(); 
tree.setCellFactory(tv -> new TreeCell<MyTreeType>() { 
    @Override 
    public void updateItem(MyTreeType item, boolean empty) { 
     super.updateItem(item, empty); 
     getStyleClass().removeAll(allTreeItemStyles); 
     if (empty) { 
      setText(""); 
     } else { 
      setText(...); // appropriate text for item 
      String styleClass = ... ; // choose style class for item 
      getStyleClass().add(styleClass); 
     } 
    } 
});

如果由于某种原因，你正在使用JavaFX 2.2还停留，你需要用一个匿名内部类来代替lambda表达式：

tree.setCellFactory(new Callback<TreeView<MyTreeType>, TreeCell<MyTreeType>>() { 
    @Override 
    public TreeCell<MyTreeType> call(TreeView<MyTreeType> tv) { 
     return new TreeCell<MyTreeType>() { 
      @Override 
      public void updateItem(MyTreeType item, boolean empty) { 
       // implementation as above... 
      } 
     } 
    } 
});

然后在外部样式表，只是做

.tree-cell.style1 { 
    /* ... */ 
} 

.tree-cell.style2 { 
    /* ... */ 
} 

/* etc */

（注有.tree-cell和.style1之间没有空格。）

来源

2014-09-04 13:11:08

你怎么在java 7中做到这一点？ – user3111525 2014-09-09 09:28:16

已更新为显示。只要把lambda变成一个匿名的内部类。 – 2014-09-09 14:41:09

在JavaFX 2中，它们还不存在，但在JavaFX 8中，如果样式反映项目的不同状态（而不是其他类型），则也可以使用PseudoClasses。 – glglgl 2017-06-12 15:26:27

我知道OP使用Java 7和JavaFX 2.2，但对于谁使用JavaFX的8人，另一种优雅的方式是这样的：

PseudoClass PSEUDOCLASS1 = PseudoClass.getPseudoClass("pseudoclass1"); 
PseudoClass PSEUDOCLASS2 = PseudoClass.getPseudoClass("pseudoclass2"); 
PseudoClass PSEUDOCLASS3 = PseudoClass.getPseudoClass("pseudoclass3"); 

TreeView<MyTreeType> tree = new TreeView<>(); 
tree.setCellFactory(treeView -> new TreeCell<MyTreeType>() { 
    @Override 
    public void updateItem(MyTreeType item, boolean empty) { 
     super.updateItem(item, empty); 
     if (empty) { 
      setText(""); 
      pseudoClassStateChanged(PSEUDOCLASS_1, false); 
      pseudoClassStateChanged(PSEUDOCLASS_2, false); 
      pseudoClassStateChanged(PSEUDOCLASS_3, false); 
     } else { 
      setText(item.getText()); 
      pseudoClassStateChanged(PSEUDOCLASS_1, item.isFoo()); 
      pseudoClassStateChanged(PSEUDOCLASS_2, item.isBar()); 
      pseudoClassStateChanged(PSEUDOCLASS_3, item.isBazinga()); 
     } 
    } 
});

在外部样式表，你做那么

.tree-cell:pseudoclass1 { 
    /* the way you want the cell styled if pseudo class 1 is active */ 
} 

.tree-cell:pseudoclass2 { 
    /* the way you want the cell styled if pseudo class 2 is active */ 
} 

.tree-cell:pseudoclass3 { 
    /* the way you want the cell styled if pseudo class 3 is active */ 
}

CSS伪类用来反映某个状态，而CSS类用来反映某个静态属性。但最终，这是一个有趣的问题。

来源

2017-06-12 15:35:36 glglgl

JavaFX：如何为不同的TreeItem分配不同的颜色？

回答

相关问题