图像URL的FXML变量标记

Question

我正在做一个项目，我需要在特定目录中的多个图像之间切换，以用作我程序的背景。不幸的是，我不能将所有图像路径硬编码为fxml的url，并使用fxids在每个路径之间切换，因为我有太多的图像，并且一周内都会添加新图像。我创建了一个fxid，它链接到一个特定的变量，该变量保存图像的路径。这个变量是一个路径为“@.../image/Planets/image1.png”的url。fxml正确加载按钮元素，但无法加载与给定变量关联的链接url。我获取了确切的url并将其直接放入fxml中，从而正确显示了一张图像。我需要帮助才能在fxml中正确识别url变量。下面是我的fxml代码。

<AnchorPane fx:id="AP" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="main.java.controllers.PlanetController">
   <children>
      <fx:define>
      <URL fx:id="image"/>
      </fx:define>
      <ImageView fitHeight="721.0" fitWidth="1289.0">
         <image>
            <Image url="$image"/>
         </image>
      </ImageView>
      <Button fx:id="map" layoutX="709.0" layoutY="685.0" mnemonicParsing="false" onAction="#handleNext" text="Map" />
      <Button layoutX="428.0" layoutY="690.0" mnemonicParsing="false" text="Market" />
   </children>
</AnchorPane>

下面是加载fxml文档的javafx代码。忽略rootController。它将场景设置为vBox。

@FXML
private URL image;

@FXML
public void handleTravelToRegion() {
image = new URL("@../images/Planets/image4.jpg");
try {
            URL url = this.getClass().getResource(getScene("destinationPlanet"));
            FXMLLoader loader = new FXMLLoader(url);
            Node scene = loader.load();
            rootController.setScene(scene);
        } catch (IOException e) {
            e.printStackTrace();
        }
}

请帮我获取<代码>

Answer 1

如果其他人在将节点设置为fxml文档中的变量时遇到困难，请转到控制器类中的initialize方法，并将所需节点添加到fxml文档中链接的窗格中。在我的例子中，我在fxml文档中使用了anchorPane，我使用@fxml标记将其链接到我的控制器类。我需要将包含随机图像文件的ImageView节点添加到锚定窗格中。我所需要做的就是在FXML初始化方法中添加节点，否则，不会显示对场景的任何更改。下面是我的fxml文档和控制器类的最终结果：

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane fx:id="ap" maxHeight="-Infinity" maxWidth="-Infinity"
        minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="main.java.controllers.PlanetController">

在我的控制器类中，我需要执行以下操作：

public class PlanetController implements Initializable {
private ImageView background = new ImageView();

@FXML
private AnchorPane ap = new AnchorPane();

public void initialize(URL url, ResourceBundle resourceBundle) {
    Random rand = new Random();
    File[] imageArray = new File("@../images/Planets/").listFiles();
    Image image = new Image(imageArray[rand.nextInt(imageArray.length)]
        .toURI().toString());
    background = new ImageView(image);
    ap.getChildren().add(background);
}

这就是我所要做的让背景发挥作用。