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> 

나는이 디렉토리에 내 이미지를 넣었습니다.

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

Introduction to FXML: Local Resource Resolution을 참조 : 이미지가 fxml 파일과 같은 디렉토리에 배치되어 있기 때문에

Answer 1

것은, 당신은 fxml 파일에 리소스를 기준으로 한 위치를 지정하는 @을 사용할 수 있어야합니다