JavaFX Wie Satz Image von SceneBuilder

Question

Wie ich in SceneBuilder sehen Sie für ImageView Grafik gesetzt (obwohl das Bild wird nicht funktionieren, wenn Sie das Projekt als .jar exportieren und Sie haben das Bild in das Glas).

1) Ich möchte Bilder für einige FXML-Schaltflächen durch SceneBuilder setzen, aber ich kann nichts darüber finden.

2) Auch wird es nützlich sein, wenn Sie Informationen geben, wie mit .fxml zu tun, was ich mit getClass().getResource("image.png"); tun, so habe ich nicht manuell das auf der Java-Datei zu tun.

Edit:

Beide Antworten von Fabian und sind John Vernee korrekt sind jeweils eine für Frage 1 und 2, aber ich kann nur eine Auswahl.

Die Struktur der Ressourcenordner:

Answer 1

In SceneBuilder ziehen Sie den graphic Knoten (in diesem Fall ImageView) von der Bibliothek zum Button in der Hierarchie Ansicht verwenden möchten. Lassen Sie es dort fallen und Sie sollten den graphic Knoten sehen, der als Kind der Button angezeigt wird.

Dies führt zu einem fxml wie diese

... 
<Button mnemonicParsing="false" text="Button"> 
    <graphic> 
     <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" /> 
    </graphic> 
</Button> 
... 

die Gangtaste neben der Bildeigenschaft der ImageView Durch die Verwendung Sie eine Bild-URL beginnend mit @ durch Auswahl Schalter relativen Pfad zu dokumentieren angeben . Eingabe image.png für die URL @image.png. Wenn Sie die fxml an der richtigen Stelle relativ zum Bild speichern, wird das Bild in SceneBuilder angezeigt.

Answer 2

Sie die URL für eine ImageView in FXML wie folgt einstellen:

<ImageView> 
    <image> 
     <Image url="@my_image.png" /> 
    </image> 
</ImageView> 

Es ist im selben Ordner wie die FXML Datei aussehen wird für das Bild.

---

Sie konnten die Grafik eines Button gesetzt, indem es von FXML Referenzierung:

<!-- Define some ImageView --> 
<fx:define> 
    <ImageView fx:id="my_image"> 
     <image> 
      <Image url="@my_image.png" /> 
     </image> 
    </ImageView> 
</fx:define> 

<!-- Reference it here --> 
<Button graphic="$my_image"/> 

---

Ich baue mein Glas apache maven ‚s-Plugin für Eclipse, die javafx-jar-plugin verwenden.

Wenn Sie mit Maven gearbeitet haben, können Sie dieses Plugin in pom.xml verwenden:

<build> 
    <plugins> 
     <plugin> 
      <groupId>com.zenjava</groupId> 
      <artifactId>javafx-maven-plugin</artifactId> 
      <version>8.5.0</version> 
      <configuration> 
       <mainClass>application.MainFXML</mainClass> 
      </configuration> 
     </plugin> 
    </plugins> 
</build> 

---

ich die FXML Datei gesetzt haben und das Bild im gleichen Ordner unter src/main/resources, so dass sie in das Glas aufgenommen werden.

Run maven Build mit der jfx:jar Ziel.