ImageView изображение не отображается

Question

У меня есть форма FXML со следующей структурой. Я попытался загрузить изображение в виде изображения по-разному. Однако он не работает.

<GridPane alignment="TOP_CENTER" prefWidth="800.0" styleClass="header" BorderPane.alignment="CENTER"> 
    <columnConstraints> 
     <ColumnConstraints hgrow="SOMETIMES" maxWidth="228.0" minWidth="10.0" percentWidth="50" /> 
     <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" /> 
     <ColumnConstraints hgrow="ALWAYS" maxWidth="261.0" minWidth="10.0" fillWidth="true" percentWidth="50" /> 
    </columnConstraints> 
    <rowConstraints> 
     <RowConstraints minHeight="10.0" valignment="CENTER" vgrow="ALWAYS" /> 
    </rowConstraints> 
    <children> 
     <ImageView GridPane.columnIndex="0" GridPane.rowIndex="0" 
      fx:id="ImgViewBanner" 
      pickOnBounds="true" preserveRatio="true"> 
      <image> 
       <Image url="file:src/images/banner.png" backgroundLoading="true" /> 
      </image>       
     </ImageView> 
     <VBox GridPane.columnIndex="1" GridPane.rowIndex="0"> 
      <Label text="English - English"> 
       <font> 
        <Font size="48" /> 
       </font> 
      </Label> 
      <Label text="Advanced Learners' Dictionary" > 
       <font> 
        <Font size="24" /> 
       </font> 
      </Label> 
     </VBox>       
    </children> 
</GridPane> 

Я разместил свое изображение под этими каталогами.

Answer 1

Так как ваше изображение помещается в том же каталоге, что и файл FXML, вы должны быть в состоянии использовать @ указать местоположение ресурса относительно файла FXML:

<Image url="@banner.PNG" backgroundLoading="true" /> 

См Introduction to FXML: Local Resource Resolution