在FXML中以声明方式设置样式表

Question

<link rel="stylesheet" ... >

scene.getStylesheets().add("/resources/shell.css");

是否有可能在FXML中设置样式表，类似于在HTML中设置样式表？

Answer 1

您可以使用以下方法在父节点上设置样式表：

parent.getStylesheets().add("/resources/shell.css");

因为FXML中可用的元素和属性是从公共JavaFX Java API派生出来的，所以您还可以使用FXML样式表元素（或可互换的属性）将样式表分配给父节点。当所有容器都扩展父容器时，您可以在FXML中引用的任何容器上设置一个或多个自定义样式表：

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.*?>
<?import java.net.URL?>
   ....
<?scenebuilder-stylesheet fruitcombo.css?>

<AnchorPane prefHeight="205.0" prefWidth="168.0"
   styleClass="layout"
   fx:controller="fruit.FruitComboController"
   xmlns:fx="http://javafx.com/fxml">
   <children>
      ....
   </children>
   <stylesheets>
      <URL value="@fruitcombo.css" />
   </stylesheets>
</AnchorPane>

有关从fxml文件引用css文件的完整可执行示例，请参见本示例中的fxml文件。

<?scenebuilder-stylesheet fruitcombo.css?>

警告：它是FXML1.0，在2.0中不起作用，javafx.FXML.LoadException：URL不是有效类型。

我认为这个评论有点不正确。据我所知，目前还没有FXML2.0这样的东西。

评论者收到LoadException的原因是，这篇文章中的指示性代码段没有将java.net.url类导入到FXML文档中。我更新了这个代码片段，以包括java.net.url导入，并添加了一些省略号...来澄清这个代码片段的意图。省略是指“一系列的圆点，通常表示有意从文本中省略一个词、句子或整个部分，而不改变其原意”。

我强烈建议构造一个带有位置的新FXMLLoader，而不是使用FXMLLoader.load（InputStream）函数。当使用静态load（）函数时，由于FXML文件没有基本位置，因此不能解析相对位置引用。

即不要做：

 InputStream input = this.getClass().getResourceAsStream("layout.fxml");
 FXMLLoader loader = new FXMLLoader.load(input);
 Parent content = loader.load();

相反地：

 String url = this.getClass().getResource("layout.fxml").toExternalForm();
 FXMLLoader loader = new FXMLLoader(url);
 Parent content = loader.load();