Meilleure référence pour les propriétés CSS et les sélecteurs JavaFX

Question

J'essaie d'apprendre JavaFX 2, mais j'ai beaucoup essayé de styler mon application. J'ai trouvé this document qui essaye de documenter des commandes et les propriétés de CSS qui s'appliquent à eux. Je ne sais pas si c'est incomplet, si je devais utiliser des sélecteurs inconnus ou si le support CSS de JavaFX n'est pas assez puissant pour mes besoins.

Voici quelques exemples: (est-il un sélecteur pour cela, ou peut-être une propriété)

• Comment puis-je changer la couleur d'arrière-plan pour la zone derrière un TabPane sans colorant tous les autres composants de l'enfant
• Comment changer la couleur des onglets non sélectionnés?

Answer 1

Avez-vous essayé quelque chose comme ça?

Ceci utilise un sélecteur d'ID comme indiqué dans le document "Habillage d'applications JavaFX avec CSS". Vous pouvez également désactiver le sélecteur "#MyTabPane" et l'appliquer à tous les TabPane. (Il semble que les sélecteurs .tab et .tab-content-area ne soient pas abordés dans le guide de référence.J'ai visité le fichier "caspian.css" contenu dans le fichier jfxrt.jar pour les trouver.)

TabExample. css

#MyTabPane .tab { 
    -fx-background-color: blue; 
} 
#MyTabPane .tab:selected { 
    -fx-background-color: red; 
} 

#MyTabPane .tab-content-area { 
    -fx-background-color: cyan; 
} 

#MyTabPane .tab *.tab-label { 
    -fx-text-fill: white; 
} 

TabPaneEx.java

@Override 
    public void start(Stage primaryStage) { 
     primaryStage.setTitle("Hello World"); 
     StackPane root = new StackPane(); 
     TabPane pane = new TabPane(); 
     pane.setId(("MyTabPane")); 
     Tab tab1 = new Tab("ONE"); 
     Tab tab2 = new Tab("TWO"); 
     Tab tab3 = new Tab("THREE"); 
     pane.getTabs().addAll(tab1,tab2,tab3); 
     Scene scene = new Scene(root, 300, 250); 
     root.getChildren().add(pane); 
     scene.getStylesheets().add(
       this.getClass().getClassLoader().getResource("tabpaneex/TabExample.css").toString()); 
     primaryStage.setScene(scene); 
     primaryStage.show(); 
    } 

Answer 2

JavaFX CSS Reference Guide

Skinning JavaFX Applications with CSS