Historisches

Neu gegenüber Swing ist beispielsweise, dass die Gestaltung von Eingabemasken durch FXML, eine XML-basierte Beschreibungssprache erfolgen kann. Für die Gestaltung von Eingabemasken wird CSS unterstützt.

Eclipse und JavaFX

Java-Versionen für Java FX

Weiterer Link zu dem Thema:

• JavaFX und Eclipse für Java 7

Eine JavaFX-Applikation

Die Stage repräsentiert das Hauptfenster der Anwendung. Sie stellt einen User-Interface-Container zur Verfügung, welcher eine Scene enthält.

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
 
public class FirstFX extends Application {

    public static void main(String[] args) {
        launch(args); // sorgt indirekt für den Aufruf von start
    }
    
    @Override
    public void start(Stage hauptStage) {
        Button button = new Button(); // Damit etwas da ist
        button.setText("Drück mich!");
        // Bereite die Reaktion auf den Button-Klick vor
        button.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                System.out.println("Hab' Dich auch lieb!");
            }
        });
        // Alles zusammensetzen
        StackPane layoutContainer = new StackPane(); // Layout-Container
        layoutContainer.getChildren().add(button);
        Scene scene = new Scene(layoutContainer, 300, 250); // scene beschreibt den Inhalt
        hauptStage.setScene(scene);
        hauptStage.show(); // fehlt das, sieht man gar nichts
    }
}

Werden die Parameter für Breite und Höhe im Konstruktor von Scene nicht angegeben, wird der zur Verfügung stehende Bereich verwendet.

Ausrichten von Elementen mit Pane

HBox und VBox	Stapelt die Elemente einzeln neben- bzw. übereinander
FlowPane	Füllt Reihe auf und bricht bei Platzmangel um
GridPane	Im Raster angeordnet, typischerweise für Dialoge
BorderPane	Randelemente mit großem Zentrum: Top, Bottom, Left und Right.
StackPane	Elemente werden an derselben Position aufeinander gelegt.
TilePane	Ordnet die enthaltenen Elemente in gleichbleibend großem Layout.

Eventhandling

Der EventHandler kann als eigene Klasse implementiert werden, die sich von EventHandler herleitet und die Methode handle() implementiert. Auf diese Weise wird der Aufbau des Dialogs und die Verarbeitung der Inhalte sauber getrennt.

Bei kleineren Dialogen kann es übersichtlicher sein, alles in einem zu machen und die Klasse, die den Dialog aufbaut auch gleich das Interface EventHandler implementieren zu lassen. Dann wird als EventHandler die eigene Klasse this angegeben. Das folgende Beispiel implementiert den EventHandler für das ActionEvent.

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.Event;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class FirstFX extends Application implements EventHandler<ActionEvent> {

    public static void main(String[] args) {
        launch(args); // sorgt indirekt für den Aufruf von start
    }

    @Override
    public void handle(ActionEvent event) {
        System.out.println("Hab' Dich auch lieb!");
    }

    @Override
    public void start(Stage hauptStage) {
        // hauptStage.setTitle("Erster Versuch in JavaFX");
        Button button = new Button(); // Damit etwas da ist
        button.setText("Drück mich!");

        // Bereite die Reaktion auf den Button-Klick vor
        button.setOnAction(this);
        // Alles zusammensetzen
        BorderPane layoutContainer = new BorderPane(); // Layout-Container
        layoutContainer.setBottom(button);
        Scene scene = new Scene(layoutContainer); // scene beschreibt den Inhalt
        hauptStage.setScene(scene);
        hauptStage.show(); // fehlt das, sieht man gar nichts
    }
}

Wenn die Ereignisse direkt am Kontrollelement bearbeitet werden sollen, kann man auch die Klasse EventHandler direkt im Parameter der Funktion setOnAction() erzeugen und implementieren.

Die Konstruktion, im Parameter von setOnAction() ein anonymes Objekt zu erzeugen, das eine Handle-Funktion implementiert, kann mithilfe von Lambda, das ja seit Java 8 auch zur Verfügung steht, erheblich verkürzt werden. Statt dieser Zeilen:

button.setOnAction(new EventHandler<ActionEvent>() {
     @Override
     public void handle(ActionEvent event) {
         System.out.println("Hab' Dich auch lieb!");
     }
});

button.setOnAction(event -> System.out.println("Hab' Dich auch lieb!"));

public class Ereignis implements EventHandler {
...
    @Override
    public void handle(ActionEvent event) {
    ...
    }
}

Wer war's?

@Override
public void handle(ActionEvent event) {
    if (event.getSource()==okButton) {
        System.out.println("Action!");
    } else if (event.getSource()==cancelButton) {
        System.out.println("War alles nur Spaß!");
    }
}

Kontrollelemente

CheckBox und ToggleButton

TableView

Menüs

Einsatz von CSS in Java FX

button.setStyle("-fx-background-color: yellow;");

• -fx-font-size: 20px;
• -fx-background-color: white;
• -fx-background-color: linear-gradient(gray, darkgray);
• -fx-fill:linear-gradient(orange, orangered);
• -fx-padding: 15;
• -fx-spacing: 10;
• -fx-background-image: url("bg.jpg");
• -fx-background-size: 270, 160;
• -fx-background-repeat: no-repeat;

        textfeld.setId("text");
        rahmen.setId("root");

Um eine externe CSS zuzugreifen, wird die Scene folgende Methode aufgerufen.

scene.getStylesheets().add(this.getClass().getResource("text.css")
        .toExternalForm());

Links

• JavaFX (Oracle)
• Übersicht über JavaFX Blogs
• code.makery: Java FX 8 Tutorial
• Zetcode: Java FX Tutorial
• Processig & Java: GUI