現状

JavaFXを使ってGUIアプリケーションを開発中です。
今回が初めてのJavaFXを用いての開発になるので勉強しながらやっています。

IntellijにSceneBuilderを導入して作っているのですが、画像を表示しようとしてSceneBuilder上で追加してもいざ実行すると何も表示されません。
以下にSceneBuilderと実行時のスクショ、fxmlファイルのソースを添付させていただきます。お力添えをいただきますようよろしくお願い致します。

スクショ・コード

SceneBuilder上での表示

実行画面

fxmlコード

fxml
1<?xml version="1.0" encoding="UTF-8"?>
2
3<?import javafx.scene.image.*?>
4<?import javafx.scene.layout.*?>
5
6<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" style="-fx-background-color: white;" xmlns="http://javafx.com/javafx/11.0.2" xmlns:fx="http://javafx.com/fxml/1">
7   <children>
8      <ImageView fitHeight="413.0" fitWidth="566.0" layoutX="138.0" layoutY="44.0" pickOnBounds="true" preserveRatio="true">
9         <image>
10            <Image url="@../../RoundAboutBrunchImage.png" />
11         </image>
12      </ImageView>
13   </children>
14</AnchorPane>

#バージョン・開発環境等
jdk 13.0.2
javaFx-sdk-11.0.2

Intellij IDEA 2020.02

行動規範の内容に同意します

回答1件

ベストアンサー

https://docs.oracle.com/javase/jp/8/javafx/api/javafx/fxml/doc-files/introduction_to_fxml.html#location_resolution

場所解決演算子(属性値への@接頭辞で表される)は、属性値を単純な文字列ではなく、現在のファイルを基準にした相対的な場所として処理する必要があることを指定するために使用されます。
たとえば、次のマークアップでは、ImageViewが作成され、現在のFXMLファイルに対する相対パスにあると想定されるmy_image.pngからイメージ・データが移入されます。
<Image url="@my_image.png"/>

ということなので、<Image url="@../../RoundAboutBrunchImage.png" />は、fxmlファイルからの相対パス../../RoundAboutBrunchImage.pngにイメージファイルが存在するということ。
実行画面を表示したJavaソースやディレクトリ構成の提示がないので想像でしかありませんが、実行時のclasspathから../../RoundAboutBrunchImage.pngファイルを参照できていない、ということかと。

先に書いたように、きちんと動作するJavaソースとディレクトリ構成を提示すればもう少し突っ込んだ回答を得られるかもしれません。

投稿2021/01/01 07:28