场景生成器不显示css中的样式。

Question

我正在使用Java 11 (11.0.8)和Gradle 6.1

我使用的是最新可用的场景生成器18.0.0 (截至09.07.22)。胶子网站说：“你可以和Java 11及更高版本一起使用这个场景生成器版本”。好的。

我在我的应用程序中使用.fxml文件。场景生成器看不到.css文件中的样式，但是当我运行应用程序时，它们是可见的。我不明白是什么原因。

=Example=

这就是场景生成器显示

启动应用程序时，您将看到以下这

下面是.css文件中的内容：

.memo{
    -fx-background-color: red;
}
#memo{
    -fx-background-color: red;
}

这是我的.gradle文件：

plugins {
    id 'java'
    id 'application'
    id 'org.openjfx.javafxplugin' version '0.0.10'
}

group 'com.github'
version '1.0-SNAPSHOT'

sourceCompatibility = 11

repositories {
    mavenCentral()
}

javafx {
    version = "11.0.2"
    modules = [ 'javafx.controls','javafx.fxml' ]
}

dependencies {
    testCompile group: 'junit', name: 'junit', version: '4.12'
}

mainClassName = 'com.github.Main'

来自.fxml的按钮代码：

<Button id="memo" mnemonicParsing="false" styleClass="memo" stylesheets="@../css/input.css" text="111" />

这是.css所在的地方

Answer 1

我弄明白了！经过很长时间。我给了你不完整的信息。我的.css文件实际上如下所示：

@font-face {
    font-family: "Montserrat Bold";
    src: url("/font/Montserrat-Bold.otf");
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("/font/Montserrat-Regular.otf");
}
.memo{
    -fx-background-color: red;
}
#memo{
    -fx-background-color: red;
}

事实证明，由于这些@字体，这个css文件没有被场景生成器看到。我把这部分从一个旧的版本，这显然是可行的！我希望我能帮助别人。谢谢大家！