JavaFX CSSのプロパティとセレクタのベストプラクティス

Question

私はJavaFX 2を習得しようとしていますが、私は自分のアプリケーションをスタイル付けしようとしています。私はthis documentコントロールを文書化しようとし、それらに適用されるCSSプロパティを見つけました。未知のセレクタやJavaFXのCSSサポートを使用する必要がある場合は、不完全であるかどうかはわかりません。ここで

は例のカップルです：

• は、どのように私は（そのためのセレクタ、または多分プロパティがありますか？）他のすべての子コンポーネントを着色することなく、TabPaneの後ろのエリアの背景色を変更します
• 非選択のタブの色を変更するにはどうすればよいですか？

Answer 1

あなたはこのような何かをしようとしたことがありますか？

これは、CSS付きスキニングJavaFXアプリケーションのドキュメントで示されているように、IDセレクタを使用します。 #MyTabPaneセレクタを省略して、すべてのTabPaneに適用することもできます。 （.tabと.tab-content-areaセレクタについてはリファレンスガイドで議論されていないようですが、jfxrt.jarファイルに含まれている "caspian.css"ファイルにアクセスして見つけました）。

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