ImageView未显示图像-JavaFX[重复]

Question

我在Java fx控制器类中有一些代码如下所示。图像没有显示出来。图像就位，没有错误。请引导。

@Override
public void initialize(URL location, ResourceBundle resources) {
    image1 = new Image(getClass().getResource("php81e3DF.png").toExternalForm());
    image2 = new Image(getClass().getResource("phpqJypee.png").toExternalForm());
    image3 = new Image(getClass().getResource("php2XSnrZ.png").toExternalForm());
    defaultt = new Image(getClass().getResource("phpxrxh4T.png").toExternalForm());

    imgVw1 = new ImageView();
    imgVw1.setX(200);
    imgVw1.setY(200);
    imgVw2 = new ImageView();
    imgVw3 = new ImageView();

    imgVw1.setImage(image1);
    imgVw2.setImage(image2);
    imgVw3.setImage(image3);
}

我不能让图像显示出来。我确信fxml和controller类使用了正确的注释。我在类中使用了正确的@fxml，没有变量错误。

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>

<GridPane fx:id="rootPane" alignment="TOP_CENTER" hgap="10" vgap="10" xmlns="http://javafx.com/javafx/8.0.172-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
   <children>
      <GridPane hgap="2.0" vgap="2.0">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
         <GridPane.margin>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
         </GridPane.margin>
         <children>
            <ImageView fx:id="imgVw1" fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" />
            <ImageView fx:id="imgVw2" fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" />
            <ImageView fx:id="imgVw3" fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="2" />
            <Button fx:id="imageV1Button" mnemonicParsing="false" onAction="#button1Pressed" text="Flip" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="CENTER" />
            <Button fx:id="imageV2Button" mnemonicParsing="false" onAction="#button1Pressed" text="Flip" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="CENTER" />
            <Button fx:id="imageV3Button" mnemonicParsing="false" onAction="#button1Pressed" text="Flip" GridPane.columnIndex="2" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="TOP" />
         </children>
      </GridPane>
   </children>
   <columnConstraints>
      <ColumnConstraints />
   </columnConstraints>
   <rowConstraints>
      <RowConstraints />
   </rowConstraints>
</GridPane>

Answer 1

您不必添加这些代码行：

imgVw1 = new ImageView();
imgVw2 = new ImageView();
imgVw3 = new ImageView();

当您这样做时会发生的情况是：

>

fxmlloader读取FXML文件以初始化整个网格窗格:IMGVW1、IMGVW2和IMGVW3将创建并添加到rootpane的子列表中。