改變css變量javafx顏色

Question

style.css文件

* {
        -color : #00A0B1;
        -white : #F5F5F5;
        -gray : #95A5A6;
        -darkGray : #7F8C8D;
        -black : #2C3E50;
        -abort : #7F8C8D;
    }

.root{
    -fx-background-color : -white;
    -fx-fill-width : true;
    -fx-color : -color;
    -fx-fill-width : true;
    -fx-font-family: 'Segoe UI';
    -fx-focus-color : transparent;
    -fx-faint-focus-color: transparent;
}

我希望制作一個調色板，以便可以改變-color變量。 有沒有辦法用javafx控制器更改變量？ 非常感謝

Answer 1

顏色你已經全局定義（ -color ， -white ， -gray等）被稱為“查到的顏色”（見文檔 ）。 您可以使用內聯樣式在運行時更改查找顏色的值。 例如：

root.setStyle("-color: #ffff00 ;") 

將-color的值設置為黃色，用於root及其包含的所有節點，除非它們具有分配給它們的特定值（在CSS的語言中，查找顏色是繼承的）。

請注意，您的CSS會將查找的顏色值直接分配給所有節點（因為所有節點都與選擇器*匹配）。 所以你可能只想在根節點上定義那些，這樣節點就會繼承任何動態應用的值：

.root {
        -color : #00A0B1;
        -white : #F5F5F5;
        -gray : #95A5A6;
        -darkGray : #7F8C8D;
        -black : #2C3E50;
        -abort : #7F8C8D;

    -fx-background-color : -white;
    -fx-fill-width : true;
    -fx-color : -color;
    -fx-fill-width : true;
    -fx-font-family: 'Segoe UI';
    -fx-focus-color : transparent;
    -fx-faint-focus-color: transparent;
}