Java场景生成器不识别css自定义颜色常数(或变量)

Question

如果定义的css是普通的，场景生成器用定义的样式呈现控件.

但是如果使用css自定义颜色常量，场景生成器将控件呈现为白色。

当我运行应用程序时，对场景正确地应用样式(这是由javaFX库完成的)

注意:将场景生成器中的css文件与链接到preview > Scene StyleSheets > add a StyleSheet是隐含的，这就是为什么基本样式表(没有css颜色常量)能够工作的原因。

我的问题是：

如何使它(场景生成器)理解CSS(颜色常量)样式

CSS:

.root {
   -color1: #1BA1E2;
   -color2: #F8F8F8;

   -primary-color: -color1;
   -secondary-color: -color2;
}

.windowbox {
    -fx-border-radius: 50 0 50 0;
    -fx-background-radius: 50 0 50 0;
    -fx-background-color: -primary-color;
}

.lbl {
    -fx-background-color: derive(-primary-color, -10%);
    -fx-text-fill: -secondary-color;
}

上面的css在执行过程中(在运行时)工作得很好，但是场景生成器忽略了这些样式。

Answer 1

在场景生成器中，选择预览，然后选择场景样式表，然后添加样式表，如描述的这里。然后选择您的.css文件。要获得更多信息，请使用CSS功能。

此外，由于您的示例使用css类选择器(".")，请确保引用fxml中的样式类(例如，styleClass="lbl")。

或者，您可以使用css id选择器("#")。使用这种方法，您可以在fxml中指定一个id (id="lbl")。或者，您可以从fxml中省略id属性，默认情况下，fx:id值将用作css id选择器(fx:id="lbl")。

一些信息，这里和这里。