Wie bettet man Programmcode in JavaFX FXML ein?

MiMa

MiMa

Top Contributor
Hallo,
ich habe mich seit einigen Tagen mit der GUI Programmierung von JavaFX beschäftigt und möchte nun meinen Programmcode in eine Oberfläche mit FXML Dateien einbetten.
Mein Aktuelles Problem ist Programmcode so ein zu betten, das erzeugte Daten in der GUI sichtbar und auch mit dem Model aktualisiert werden.
Aktuell habe ich mit dem Scene Builder ein Frame mit Split Screen erzeugt.
Auf der linken Seite soll eine Dateiliste angezeigt und auf der rechten Seite sollen beim selektieren einer Datei die Detailinformationen angezeigt werden.
Aktuell habe ich nun ein eine Dateiliste als Observal<File> Liste vorliegen und weis jetzt nicht wie ich diese in der FXML so einbinde, damit diese angezeigt werden kann.

Mit puren JavaFX ohne FXML Datei habe ich das schon erledigen können, aber jetzt geht es darum mit FXML Dateien zu arbeiten.
Die Daten kommen aus der Hauptplasse (Methode "start"). Der Hautscreen hat eine fxml Datei und diese hat wiederum einen eigenen Controller. Ich bin mir mittlerweile nicht mehr sicher, wie der Datenfluss realisiert wird, damit informationen die erzeugt wurden in der GUI landen?
Jedes Fenster hat seinen eigenen Controller der auf das Model zu greift. Nur ist mir derzeit nicht klar wie auf das Model zugegriffen wird.
In der start Methode wird das Fenster aufgerufen mit
Java: 
Parent root = FXMLLoader.load(getClass().getResource("Indexer.fxml"));
Muss ich da jetzt wie auch bei den Methoden Dateninformation mitgeben um im Fenster etwas aus zu werten?
Was nützt mir sonst ein Fenster welches ich zwar aufrufen kann aber das keine Werte erhält?
Oft habe ich gelesen das es eine Dreicksbeziehung gibt. Das Fenster arbeitet mit dem Controller und dieser hat Kontakt mit dem Model. Um den Kontakt aber zum Objekt nicht zu verlieren muss ich es doch übergeben oder zumindest einen Verweis.
Wäre super wenn mir da jemand helfen könnte.
Danke
Mi
 
Code: 
FXMLLoader loader = new FXMLLoader(getClass().getResource("Indexer.fxml"));
Parent root = loader.load();
//loader.getController() liefert Dir den Controller.
 
Zuletzt bearbeitet:
Vielen Dank,
ich habe das Problem jetzt gelöst.
Die Dateien werden im ListView einer FXML angezeigt, also komplett mit Pfad und Dateinamen.
Code: 
N:\Dateien\Quelle\Microsoft Excel-Arbeitsblatt (neu).xlsx
N:\Dateien\Office\PowerPoint\Microsoft PowerPoint-Präsentation (neu).pptx
N:\Dateien\Office\Visio\Microsoft Visio Drawing (neu).vsdx
N:\Dateien\Office\Word\Microsoft Word-Dokument (neu).docx
N:\Quelle\Bilder\Neue Bitmap.bmp
Lieber wäre mir wenn nur die Dateinamen in der ListView angezeigt werden würden.
Code: 
Microsoft Excel-Arbeitsblatt (neu).xlsx
Microsoft PowerPoint-Präsentation (neu).pptx
Microsoft Visio Drawing (neu).vsdx
Microsoft Word-Dokument (neu).docx
Neue Bitmap.bmp
Eine Liste so zu schreiben das nur die Dateinamen enthalten sind ist für mich kein Problem.
Da die Dateien rekursiv gesammelt werden ist der Dateipfad unterschiedlich und kann dann beim selektieren nicht geladen/angezeigt werden.
Weiss jemand wie man so etwas realisieren kann?
Vielen Dank
Mi
 
Die observerList<Files> enthält die Dateien mit Pfad und Namen.
Wenn ich jetzt nur die Dateinamen ohne Pfad in die Liste speichere kann ich die Dateien nicht mehr aufrufen da der Pfad der Dateien durch die rekursive Sammelaktion immer anders ist.
Meine Idee wäre eine zweispaltige ObseverList. Eine Spalte nur für den Dateinamen und die zweite für den Dateinamen mit vollständigen Pfad. Ich weiß nicht ob zwei Spalten in einer ObserverList unterstützt werden.
Oder ob das noch anders gemacht werde kann ?
 
Erstell dir ein passendes Objekt, das Methoden für alles hat, was du brauchst, und nutz das statt File oder String
 
Du meinst ein dateiObjekt, welches Inhalte wie Dateiname, PfadMitDateiname, usw. Beinhaltet?
Eine Klasse dafür zu machen, wäre das nicht überdimensioniert?
Naja, wenn schon, dann würde mir noch einfallen, Endung, Dateigröße, Filecheck, usw, dann würde es sich zumindest Lohnen!?
 
Eine Klasse kann nicht zu klein sein 😉

Entspricht dem Adapter-Pattern, enthalten muss das nur ein File-Objekt oder einen Stringe, für alles andere gibts nur Methoden
 
Vielen Dank für den Tipp.
Ich habe es mal gleich umgesetzt.
Java: 
public class Datei {

    // Erstellt ein LoggerObjekt und holt dessen Instanz
    private static final Logger LOG = (Logger) LogManager.getLogger(Indexer.class);

    // Variablendeklaration
    private File dateiQuelle;
    private String dateiName;

    // Konstruktor mit 2 Parameter
    public Datei(File datei, String dateiName) {
        this.dateiQuelle = datei;
        this.dateiName = dateiName;
    } // Konstruktor mit 2 Parameter

    // Methoden

    public File getDateiQuelle() {
        return dateiQuelle;
    }

    public void setDateiQuelle(File dateiQuelle) {
        this.dateiQuelle = dateiQuelle;
    }

    public String getDateiName() {
        return dateiName;
    }

    public void setDateiName(String dateiName) {
        this.dateiName = dateiName;
    }
   
    // Rekursives einlesen von Dateien in eine ArrayListe mit Dateiobjekten
    // In der Liste die Datei mit Pfad und der Dateiname gespeichert
    public static ArrayList<Object> einlesenDateiObjekteR(File quellVerzeichnis, ArrayList<Object> dateiObjekte, String endung) {
        if (quellVerzeichnis == null || dateiObjekte == null || !quellVerzeichnis.isDirectory()) {
            LOG.error("Es konnten keine Dateien vom Typ " + endung + " eingelesen werden");
            return null;
        }
        // Datei-Array Rekursiv verarbeiten
        LOG.info("Einlesen der Dateien - beginnt");
        File[] dateiArray = quellVerzeichnis.listFiles();
        for (File datei : dateiArray) {
            if (datei.isDirectory()) {
                einlesenDateiObjekteR(datei, dateiObjekte, endung);
            }
            // Nur Dateien mit der endung anhängen
            String dateiName = datei.getName();
            if (dateiName.toLowerCase().endsWith(endung)) {
                // Dateiobjekt Datei und Dateinamen hinzufügen
                dateiObjekte.add(new Datei(datei, datei.getName()));
            } // Nur Dateiobjekte mit der endung anhängen
        } // Datei-Array abarbeiten
        LOG.info("Einlesen der Dateien - beendet");
        return dateiObjekte;
    } // einlesenDateienR
} // Datei
Der Controller für das Fenster
Java: 
public class IndexerCON implements Initializable {
   
    // Variablendeklaration
    @FXML public ListView<File> dateiListView;
   

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        // Einlesen der Dateiliste
        ArrayList<Object> dateiListe = new ArrayList<>();
        dateiListe = Datei.einlesenDateiObjekteR(new File("N:/Indexer/Quelle"), dateiListe, "");
        ObservableList<Object> dateien = FXCollections.observableArrayList(dateiListe);
        dateiListView.setItems(dateien.???);
    } // initialize
Mein Problem habe ich mit ein paar Fragezeichen gekennzeichnet.
Ich weiss nicht genau wie ich die Daten der entsprechenden Objekte in den FXCollections definieren kann. Habe zwar schon alle Möglichen Kombinationen die ich kenne ausprobiert.
Vielleicht mache ich das ja auch völlig falsch?
 
andy82 hat gesagt.:
Files ist Deine eigene Klasse oder meinst Du java.io.File?. Ich würde von java.io.File eine neue Klasse, z.B. File2ShortName, ableiten lassen und die Methode toString() überschreiben, denn ListView zeigt immer toString()-Werte von Object-Item an.
Zum Vergrößern anklicken....
Die Dateien in der ArrayListe waren vom Typ File aus java.io. Ich habe da keine eigene Klasse erstellt.
Wie mrBrown vorgeschlagen, habe ich jetzt eine eigene Klasse "Dateien" erstellt und nun Objekte in die ArrayList abgelegt. Weiss aber nicht genau ich ich nur den Dateianamen in die ListView bekomme.
 
MiMa hat gesagt.:
... Weiss aber nicht genau ich ich nur den Dateianamen in die ListView bekomme.
Zum Vergrößern anklicken....
Jeder kann eine eigene Stil haben, ich würde immer direkt Object benutzen(in diesem Fall eine FileCustome extends java.io.File als ListView-Item benuzen), denn auf lage Sicht String als ListView-Item hat vielen Nachteile - wieviel Aufwand muß Du Dich investieren, wenn in der List noch Image, Icon ... angezeigt werden sollen. Default zeigt ListView File.toString() (=getPath()) an, Du braucht nur die Methode toString() in FileCustome zu überschreiben, d.h. toString() liefert anstatt File.getPath() deine berechnete shortName-Werte.
 
Zuletzt bearbeitet:
andy82 hat gesagt.:
Jeder kann eine eigene Stil haben, ich würde immer direkt Object benutzen(in diesem Fall eine FileCustome extends java.io.File) als ListView-Item benuzen
Zum Vergrößern anklicken....
Du meinst damit aber jetzt hoffentlich nicht, Object als generischer Typ für die Liste nutzen?

MiMa hat gesagt.:
Weiss aber nicht genau ich ich nur den Dateianamen in die ListView bekomme.
Zum Vergrößern anklicken....
Du kannst eine CellFactory dafür angeben und musst der ListView dann nur die normale Liste übergeben (und solltest dann auch sinnvoll Generics nutzen) 😉

toString würde ich dafür nicht überschreiben - ist zwar eine schnelle, aber meistens nicht die sinnvollste Lösung.
Genauso würde ich auch auf Vererbung verzichten, das ist einer dieser Fälle, in denen man das "Composition over Inheritance" noch mal betonen muss. Mit zB einer simplen Umsetzung des Adapter-Patterns ist man hier besser bedient.
 
mrBrown hat gesagt.:
...

toString würde ich dafür nicht überschreiben - ist zwar eine schnelle, aber meistens nicht die sinnvollste Lösung.
Genauso würde ich auch auf Vererbung verzichten, das ist einer dieser Fälle, in denen man das "Composition over Inheritance" noch mal betonen muss. Mit zB einer simplen Umsetzung des Adapter-Patterns ist man hier besser bedient.
Zum Vergrößern anklicken....
Wenn ich die Code von JavaFx lese, z.B. bei der Benutzung von CellFactory ... benutzt man heute sehr oft Inner- und und AnonymClass. Ich bin von der alten Schule, damals Inner- und AnonymClass als nicht sehr saubere Stil gesehen, anstatt werden Verbungen oft angewendet. Daran bin ich gewohnt. Im Grunde Inner- und AnonymClass sind auch Unterklasse.
 
andy82 hat gesagt.:
Wenn ich die Code von JavaFx lese, z.B. bei der Benutzung von CellFactory ... benutzt man heute sehr oft Inner- und und AnonymClass. Ich bin von der alten Schule, damals Inner- und AnonymClass als nicht sehr saubere Stil gesehen, anstatt oft Verbungen angewendet. Daran bin ich gewohnt. Mehr habe ich nicht zu sagen.
Zum Vergrößern anklicken....
Vererbung war schon lange vor Java der deutlich unsaubere Stil und hat in diesem Fall auch überhaupt nicht die inneren/anonymen Klassen. Das einzige was einem Vererbung hier erspart ist sauberes Design.
Ob man eine CellFactory nutzt oder nicht ist davon unabhängig, in beiden Fällen kann man toString überschrieben. Ich würde toString aber nicht dafür nutzen, weil man es besser anders lösen kann und toString auch besser anders überschreiben kann - es ist nicht primär für die Darstellung, sondern für die Entwicklung gedacht, und sollte auch dafür nützliche Dinge enthalten, was mehr wäre, als nur der Dateiname.


("Ich bin von der alten Schule [...] Daran bin ich gewohnt" ruft bei mir immer die Vorstellung hervor, dass jemand seit 40 Jahren alles gleich macht und seit dem auch nichts neues gelernt hat)
 
Habe ich das mit der Klasse und den Controller in etwa richtig gemacht?
Morgen werde ich noch mal schauen wie ich aus der ArrayList<Object> den richtigen Wert aus den Objekten erhalte.
 
Im Großen und Ganzen passt das 😉

Man könnte die Klasse noch einfacher gestalten, zB kann man den Dateinamen im Getter jedes mal aus dem File-Object abfragen, anstatt ihn als Feld anzulegen.

Und bisher werden ja noch nicht die richtigen Namen angezeigt, oder?
 
Ich habe meine Methode in der Klasse Datei wie flgt geändert.
Java: 
public static ArrayList<Datei> einlesenDateiObjekteR(File quellVerzeichnis, ArrayList<Datei> dateiObjekte, String endung) {
        if (quellVerzeichnis == null || dateiObjekte == null || !quellVerzeichnis.isDirectory()) {
            LOG.error("Es konnten keine Dateien vom Typ " + endung + " eingelesen werden");
            return null;
        }
        // Datei-Array Rekursiv verarbeiten
        LOG.info("Einlesen der Dateien - beginnt");
        File[] dateiArray = quellVerzeichnis.listFiles();
        for (File datei : dateiArray) {
            if (datei.isDirectory()) {
                einlesenDateiObjekteR(datei, dateiObjekte, endung);
            }
            // Nur Dateien mit der endung anhängen
            String dateiName = datei.getName();
            if (dateiName.toLowerCase().endsWith(endung)) {
                // Dateiobjekt Datei und Dateinamen hinzufügen
                dateiObjekte.add(new Datei(datei, datei.getName()));
            } // Nur Dateiobjekte mit der endung anhängen
        } // Datei-Array abarbeiten
        LOG.info("Einlesen der Dateien - beendet");
     
        return dateiObjekte;
    } // einlesenDateienR
Der Controller
Java: 
public class IndexerCON implements Initializable {
 
    // Variablendeklaration
    @FXML public ListView<String> dateiListView;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        // Einlesen der Dateiliste
        ArrayList<Datei> dateiObjekte = new ArrayList<>();
        dateiObjekte = Datei.einlesenDateiObjekteR(new File("N:/Indexer/Quelle"), dateiObjekte, "");
     
        ObservableList<Datei> dateien = FXCollections.observableArrayList(dateiObjekte);
        for (int i = 0; i < dateien.size(); i++) {
        dateiListView.setItems(dateien.get(i).getDateiName());
        }
    } // initialize
} // IndexerCON
Allerdings funktioniert es immer noch nicht, weil es wohl ein Kompatibiltätsproblem mit den Typen der mit der ObseverList gibt?
Incompatible types: String can not be convert to ObservaLList<String>
Bei der Deklaration des ListView habe ich diesen auf String gesetzt, weil der Dateiname einen String zurückgibt.
Java: 
// Variablendeklaration
    @FXML public ListView<String> dateiListView;
 
Zuletzt bearbeitet:
Deine ListView muss eine LstView<Datei> bleiben, und als Items setzt du dateien.

Du musst dann noch entweder toString passend überschreiben oder eine CellFactory setzten, damit das passende in der Liste angezeigt wird
 
Es klappt leider immer noch nicht 😕
Bin langsam an verzweifeln. Muss ich dafür Property verwenden?
Java: 
public class DateiListeController implements Initializable {
  
    // Variablendeklaration
    @FXML
    public ListView<Datei> dateiListView;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
       // Einlesen der Dateiliste
        ArrayList<Datei> dateiObjekte = new ArrayList<>();
        dateiObjekte = Datei.einlesenDateiObjekteR(new File("N:/Indexer/Quelle"), dateiObjekte, "");

        ObservableList<Datei> dateien = FXCollections.observableArrayList(dateiObjekte);
        dateiListView.setCellFactory(new Callback<ListView<Datei>, ListCell<Datei>>() {
            @Override
            public ListCell<Datei> call(ListView<Datei> param) {
                return new Zelle();
            }
        });
        dateiListView.setItems(dateien);
    } // initialize

public class Zelle extends ListCell{
        protected void updateItem(Datei dateien, boolean empty) {
            super.updateItem(dateien, empty);
            setText(dateien.getDateiName());
        }
    } // Zelle  
} // DateiListeController
 
Die Liste mit den Dateinamen bleibt einfach leer.
Habe mich jetzt den ganzen Tag mit CellFactory und List cell auseinandergesetzt, aber anscheinend mach ich da immer noch Fehler. Wenn ich Ehrlich bin gefällt mir meine Lösung mit der zusätzlichen Zelle Klasse nicht besonders.
Mit den Strings hat es geklappt, mit den Objekten ist es aber ganz schön kompliziert geworden.
 
Wenn die Liste einfach leer bleibt, ist das Problem etwas anderes. zB, dass die Liste wirklich leer ist, mal mit dem Debugger überprüft?
 
Dann lass den Teil mit der CellFactory weg, sehen solltest du dann auf jeden Fall was - damit's schön ist, kannst du dann toString von Datei überschreiben
 
Wie soll ich das ohne CellFactory denn schreiben?
Mittlerweile ist mein Kopf völlig leer! 🙁
Wenn ich den ganzen Factory Kram weg lasse, erhalte ich einen Eintrag.
Dieser sollte "Rechnung001.pdf sein
Angezeigt wird aber
de.mima.indexer.model.Datei@64b37b87
 
Die Richtige Ausgabe habe ich auf der Konsole erhalten mit
Code: 
System.out.println(dateien.get(0).getDateiName());
Ich habe wie folgt toString() überschrieben
Java: 
 public String toString() {
       return getClass().getName();
   }
Ich erhalte einen Fehler der besagt:
Code: 
incompatible types: String can not be converted to ObservableList<Datei>
Java: 
ObservableList<Datei> dateien = FXCollections.observableArrayList(dateiObjekte);
        dateiListView.setItems(dateien.toString());
Habe auch probiert mal ein Ergebnis hiermit zu erzeugen
Java: 
ObservableList<Datei> dateien = FXCollections.observableArrayList(dateiObjekte);
        dateiListView.setItems(dateien.getClass().getName());
Auch wieder den gleichen Fehler inkompatible Typen.
Mach ich da was falsch ?? 🙁
 
Das Überschreiben hat nun endlich geklappt 🙂
Java: 
public String toString() {
        return String.format("%s", getDateiName());
    }
Hab dafür einen ganzen Tag gebraucht 😡
Hoffe das die nächsten Probleme nicht so lange benötigen.
Als nächstes steht an, die weiteren Informationen eines selektierten objektes in einem anderen Fenster an zu zeigen.
 
Nachdem es ja gelöst ist, einige Anmerkungen:
- Wenn du ListCell überschreibst, dann bitte aber mit Generics und kein Raw-type
- Das Interface Initializable ist quasi deprecated und kann durch @FXML annotation ersetzt werden
- Es gibt unglaublich hilfreiche API, um einen File-Tree zu durchlaufen

Ein kleines Beispiel
XML: 
<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.ListView?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.121"
            xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.flown.controller.FilesController">
    <children>
        <ListView fx:id="listView" layoutX="206.0" layoutY="69.0" AnchorPane.bottomAnchor="0.0"
                  AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"/>
    </children>
</AnchorPane>
Java: 
package at.flown;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class FileListViewer extends Application {
  
  public static void main(String... args) {
    launch(args);
  }
  
  public void start(Stage primaryStage) throws Exception {
    Parent files = FXMLLoader.load(getClass().getResource("/view/Files.fxml"));
    Scene scene = new Scene(files);
    primaryStage.setScene(scene);
    primaryStage.setTitle("FileListViewer");
    primaryStage.show();
  }
}
Java: 
package at.flown.controller;

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;

import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
import java.util.stream.Collectors;
import java.util.stream.Stream;

public class FilesController {
  
  @FXML
  private ListView<Path> listView;
  
  @FXML
  private void initialize() {
    ObservableList<Path> paths = FXCollections.emptyObservableList();
    try (Stream<Path> pathStream = Files.walk(Paths.get("C:\\gradle-4.2.1\\lib"))) {
      paths = pathStream.filter(p -> !Files.isDirectory(p)).collect(Collectors.toCollection(FXCollections::observableArrayList));
    } catch (IOException e) {
      e.printStackTrace();
    }
    listView.setItems(paths);
    listView.setCellFactory(param -> new ListCell<>() {
      @Override
      protected void updateItem(Path item, boolean empty) {
        super.updateItem(item, empty);
        if (!empty) {
          setText(item.getFileName().toString());
        }
      }
    });
  }
}
 

Aktuelle Jobs

Neue Themen

Ähnliche Themen

Wie legt man ein UI vom Programmcode her richtig an?
Antworten: 3
FXML Datei in Java Code einbinden: javafx.fxml.LoadException
Antworten: 2
import javafx.fxml* bei JavaFX 13 geht nicht mehr
Antworten: 7
Innerhalb einem FXML-Dialog weiteren FXML-Dialog einblenden
Antworten: 3
Wie kann man fehlerfrei im Java Code auf die fxml Datei zugreifen?
Antworten: 26

Zurück
Oben