javafx
Kreator scen

Wprowadzenie

Uwagi

Podstawowy projekt JavaFX z wykorzystaniem FXML

Jest to podstawowy projekt wykorzystujący FXML, stworzony przy pomocy NetBeans (Nowy projekt -> JavaFX -> Aplikacja JavaFX FXML). Zawiera tylko trzy pliki:

Główna klasa aplikacji

package org.stackoverflow;

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

public class BasicApplication extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("BasicFXML.fxml"));

        Scene scene = new Scene(root);

        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Plik FXML

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.stackoverflow.BasicFXMLController">
    <children>
        <Button layoutX="126" layoutY="90" text="Click Me!" onAction="#handleButtonAction" fx:id="button" />
        <Label layoutX="126" layoutY="120" minHeight="16" minWidth="69" fx:id="label" />
    </children>
</AnchorPane>

Kontroler

package org.stackoverflow;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Label;

public class BasicFXMLController {

    @FXML
    private Label label;

    public void initialize() {
        // TODO
    }   

    @FXML
    private void handleButtonAction(ActionEvent event) {
        label.setText("Hello World!");
    }

}

Biegać

Budowanie i uruchamianie projektu powinno wyświetlać małe okno z klikalnym przyciskiem:

Jak to działa

W skrócie, w głównej klasie aplikacji, FXMLLoader załaduje basicFXML.fxml ze ścieżki jar / classpath, jak określono w FXMLLoader.load(getClass().getResource("BasicFXML.fxml")) .

Podczas ładowania basicFXML.fxml ładujący znajdzie nazwę klasy kontrolera, określoną przez fx:controller="org.stackoverflow.BasicFXMLController" w FXML.

Następnie moduł ładujący utworzy instancję tej klasy, w której spróbuje wstrzyknąć wszystkie obiekty, które mają fx:id w FXML i są oznaczone adnotacją @FXML w klasie kontrolera.

W tym przykładzie FXMLLoader utworzy etykietę na podstawie <Label ... fx:id="label"/> i wstrzyknie instancję etykiety do @FXML private Label label; .

Na koniec, gdy załadowany zostanie cały FXML, FXMLLoader wywoła metodę initialize kontrolera i zostanie wykonany kod rejestrujący procedurę obsługi za pomocą przycisku.

Redagowanie

Chociaż plik FXML można edytować w środowisku IDE, nie jest to zalecane, ponieważ IDE zapewnia jedynie podstawowe sprawdzanie składni i automatyczne uzupełnianie, ale nie zawiera wskazówek wizualnych.

Najlepszym rozwiązaniem jest otwarcie pliku FXML za pomocą programu Scene Builder, w którym wszystkie zmiany zostaną zapisane w pliku.

Program Scene Builder można uruchomić, aby otworzyć plik:

Lub plik można otworzyć za pomocą Konstruktora scen bezpośrednio z IDE:

• W NetBeans, na karcie projektu kliknij dwukrotnie plik lub kliknij prawym przyciskiem myszy i wybierz Open .
• W IntelliJ na karcie projektu kliknij plik prawym przyciskiem myszy i wybierz polecenie Open In Scene Builder .
• W Eclipse, na karcie projektu kliknij plik prawym przyciskiem myszy i wybierz Open with Scene Builder .

Jeśli program Builder scen jest poprawnie zainstalowany, a jego ścieżka dodana do IDE (patrz uwagi poniżej), otworzy plik:

Zmiany można wprowadzać, przeciągając nowe kontenery lub nowe elementy sterujące z lewego panelu, a właściwości i wartości układu można zmieniać w prawym panelu.

Zauważ, że jednym ze znaczników id, który pozwala wstrzyknąć FXML do kodu Java, jest fx:id . Można to ustawić w okienku Code :

Po zastosowaniu zmian zapisz plik (Kreator scen -> Plik -> Zapisz). Jeśli zostaną wprowadzone zmiany podczas edycji pliku z IDE, podczas zapisywania pliku zostaną one zaktualizowane w programie Builder scen.