実行時にCSSの色を上書き（編集）する方法は？

Question

設定メニューから、ユーザーがアプリのUIの色を編集できるようにしたいと考えています。 デフォルトの色は、例えば、の.cssファイルで定義されています。例では

.vertex { 
    -fx-fill: rgba(64, 196, 255, 1); 
} 

私は、ユーザーが色のピックアップ]ダイアログボックスから選択しますどんなに-fxフィル色を上書きしたいの上に。実行時にCSSクラス属性を更新することは可能ですか？どうやって ？

Answer 1

あなたは、CSSファイル内のルックアップの色を使用することができます

.vertex { 
    -vertex-fill: rgba(64, 196, 255, 1); 
    -fx-fill: -vertex-fill ; 
} 

をして、あなたは、インラインスタイルを使用して、実行時にそれを変更することができます。コンポーネントの祖先でsetStyle()と呼び出すことができ、それはすべての子孫コンポーネントに適用されます。例えば。スタイルクラス.vertexで、シーン内のすべてのものに変更を適用するには、シーンのルートのスタイルを設定します。

Color selectedColor = colorPicker.getValue(); 
int red = (int) (255 * selectedColor.getRed()); 
int green = (int) (255 * selectedColor.getGreen()); 
int blue = (int) (255 * selectedColor.getBlue()); 
double opacity = selectedColor.getOpacity(); 
String userColor = String.format("rgba(%d, %d, %d, %f)", red, green, blue, opacity) ; 
scene.getRoot().setStyle("-vertex-fill: " + userColor + " ;");