JavaFX Bild einfügen

[Eighteen Zeros]

Hallo,

Vorerst muss ich sagen das ich ein totaler Anfänger im Java und somit auch im JavaFx Bereich bin, was ihr wahrscheinlich aber auch an meiner Frage bemerken werdet.

Ich habe mir zum üben ein paar leichte Aufgaben vorgenommen zum einen ein Hintergrundbild und zum anderen ein normales Bild.

Das mit dem Hintergrund ging via CSS ja ganz einfach:

.root{
   -fx-background-image: url('hintergrund-4.png');
   -fx-background-repeat: repeat-y repeat-x;   
   -fx-background-position: center center;
}

Nur das normale Bild bekomme ich einfach nicht hin :/

Die Zeile habe ich schnell gefunden

Image image1 = new Image("flower.png", true);

aber so bekomme ich nur Fehler ausgegeben, dann dachte ich man muss es so machen wie auch beim .buttom und es einem children zuordnen doch auch das funktionierte nicht.

root.getChildren().add(image1);

Kann mir da jemand weiterhelfen ?

Gruß

 

[kaoZ]

aber so bekomme ich nur Fehler ausgegeben,

die da wären ?

 

[dzim]

Image-Objekte sind keine Nodes und somit nicht einem Pane (hier dein "root"-Element) zuzuordnen. Dazu musst du es in einen ImageView wrappen: ImageView (JavaFX 2.2)

Savvy?

PS: Ich geb dir den gutgemeinten Tipp... Leis dich ordentlich in Java-Ein. Ich möchte hier nur ungern Anfängerfragen klären (dazu gibt es gier - auf java-forum.org - einen separaten Thread). Ok?

PPS: Du kannst JavaFX-UIs komplett im Code erstellen, aber ich empfehle dir - wenn du die Basics erst einmal verstanden hast und dich vielleicht auch schon mal etwas mit XML beschäftigt hast, die interne deklarative von JavaFX "FXML" anzuschauen (oder noch besser den SceneBuilder - das Tool von Oracle, mit dem die meisten FXMLs erstellen dürften).
Aber wie gesagt: Lerne erst, wie man Java entwickelt, dann, wie die JavaFX-API aufgebaut ist und angewendet wird, mach einen Ausflug in XML und erst dann schau dir das an, sonst wird es vielleicht etwas viel auf einmal und wirkt auf dich nur demotivierend. Ok?

#edit: Welche IDE verwendest du? Denn eigentlich hätte dir jede IDE schon zu dem Zeitpunkt, an dem du den Code schreibst sagen können, das ein Image nicht als Child an "root" angehängt werden kann.
Mach es nicht mit Editoren, das ist bei Java eher unnötig mühsam...

 

[Eighteen Zeros]

Ja, kann ich ja verstehen das ihr nicht meine Lehrer seit und mir bei den ganzen Anfängerfragen helfen wollt.

Nur ich habe nach diesem "Problem" stundenlang gesucht und keine Lösung gefunden und da dacht ich mir fragste mal nach .

Letztendlich habe ich es dann doch zum Teil hinbekommen:

        Image img = new Image("http://mikecann.co.uk/wp- content/uploads/2009/12/javafx_logo_color_1.jpg");
        ImageView imgView = new ImageView(img);
        StackPane root = new StackPane();
        root.getChildren().add(imgView);

Nur leider Funktioniert es nur mir einer URL des Bildes obwohl der Pfad genau stimmt, da sich das Bild mit exakt den gleichem Namen sowie Dateiendung im selben Verzeichnis wie die .java Datei befinden.

Image img = new Image("flower.png");

Aber Naja so Funktioniert es auch .

Vielen Dank soweit für die Tipps und die Hilfe.

Gruß

 

[dzim]

Erspar dir künftig das stundenlange Suchen und verwende die offizielle JavaDoc - die Quellcodedokumentation. Beschäftige dich vielleicht noch ein wenig mit Vererbung, Interfaces und so weiter. Bsp.: Das StackPane kann als children nur "Node"-Objekte aufnehmen. Der ImageView (siehe den Link, den ich vorhin gesendet habe), erbt von direkt von Node. Sprich: Er besitzt alle Eigenschaften, die ein Node besitzt und (i.d.R.) noch ein paar mehr. Alle Objekte erben immer von der Klasse "Object" (das ist quasi Gesetz).

Zu deinem Pfad: Du verwendest hat einen relativen Pfad, sprich "flower.png" == "./flower.png" und wird hier im konkreten Fall des Konstruktors der Klasse Image immer relativ vom Pfad der Klasse geladen, von der du es aufrufst.
Wenn du also im Package "eu.test.img" deine PNGs hast, und im Package "eu.test.ui" die Klasse Main hättest, von der aus du ein Image verwenden möchtest, wäre der Kontruktor new Image("../img/flower.png") zu verwenden. Wenn du einen relativen Pfad explizit von einer bestimmten Klasse aus aufrufen möchtest, kannst du auch den Konstruktor der einen InputStream verwendet aufrufen, indem du new Image(Main.class.getResourceAsStream("../img/flower.png")) oder new Image(Main.class.getResource("../img/flower.png").openStream()) aufrufst. Damit bist du meist flexibler, geht aber immer davon aus, das die Bilder im Classpath, also zum Beispiel in einem Package, enthalten sind.

#edit: BTW: eine gültige URL ist natürlich auch "file:///home/user/img/flower.png" (*nix-Systeme) / "file://localhost/c:/img/flower.png" (Windoof) (siehe hier: file URI scheme - Wikipedia, the free encyclopedia)

 

[Eighteen Zeros]

Jetzt funktioniert es auch mit dem normalen Pfad also ohne HTTP URL deine Beschreibung hat mich an den Pfad erinnert den ich auch bei der CSS Datei verwendet haben.

Image img = new Image (JavaFXBildaufHintergrund.class.getResource("flower.png").toExternalForm());

Wieso steht dann aber in der Oracle Dokumentation dieses Beispiel ?

// The image is located in default package of the classpath
Image image1 = new Image("/flower.png", true);

Mein Bild ist doch auch im gleichen Package wie die .java Datei aber damit funktioniert es nicht ;/

Gruß

 

[dzim]

Sobald du vorne mit dem Forward-Slash "/" beginnst, wird hier vom root-Eintrag deines Classpath losgesucht. Beispiel (angenommen, deine Bilder sind im package "eu.test.img" und du hast eine Klasse im selben package): "./flower.png" == "/eu/test/img/flower.png". Das erste ist also deutlich kürzer, das zweite deutlich präziser (von der konkreten Beschreibung her, wo sich dein Bild nun befindet).

#edit: eine Suche bei Google nach "access resources classpath" bring vielleicht noch einige brauchbare Hinweise