如何让JavaFX-CSS工作？

Question

因此，在我的JavaFX项目中使用CSS样式时遇到了问题。

我使用以下命令添加了一个外部样式表：

scene.getStylesheets().add("Style.css");

..。它链接到同一文件夹中的文件Style.css：

.root{
    -fx-background-color: #000000;
}

.button {
    -fx-background-color: #AB4642;
}

但是，当我运行该程序时，没有发生任何更改。按钮保持不变，背景保持不变。我尝试过为button分配唯一的类，并以这种方式设置它们的样式，但这没有帮助。

如何让样式真正起作用？如何将外部CSS文件添加到JavaFX项目中？

Answer 1

从documentation for getStylesheets()

方案路径URL是形式为

：path的分层URI。如果URL没有方案:组件，则该URL仅被视为路径组件。路径的任何前导'/‘字符将被忽略，并且该路径被视为相对于应用程序类路径的根的路径。

所以

scene.getStylesheets().add("Style.css");

将在类路径的根目录中查找Style.css，而不是相对于当前类。

如果您想相对于当前类进行搜索，请从getClass().getResource(...)获取URL并调用toExternalForm()将其转换为字符串：

URL stylesheetURL = getClass().getResource("Style.css");
scene.getStylesheets().add(stylesheetURL.toExternalForm());

或者，只需指定完整路径，例如，如果样式表位于包com.mycompany.myproject中，则执行以下操作

scene.getStylesheets().add("com/mycompany/myproject/Style.css");