javafx
Сценарий

Вступление

замечания

Основной проект JavaFX с использованием FXML

Это базовый проект, который использует FXML, созданный с помощью приложения NetBeans (New Project -> JavaFX -> JavaFX FXML Application). Он содержит всего три файла:

Основной класс приложения

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);
    }
}

Файл 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>

контроллер

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!");
    }

}

Бежать

Создание и запуск проекта должно отображать небольшое окно с кнопкой:

Как это устроено

Вкратце, в основном классе Application, FXMLLoader будет загружать basicFXML.fxml из jar / classpath, как определено FXMLLoader.load(getClass().getResource("BasicFXML.fxml")) .

При загрузке basicFXML.fxml загрузчик найдет имя класса контроллера, как определено fx:controller="org.stackoverflow.BasicFXMLController" в FXML.

Затем загрузчик создаст экземпляр этого класса, в котором он попытается внедрить все объекты с fx:id в FXML и помечен аннотацией @FXML в классе контроллера.

В этом примере FXMLLoader создаст метку на основе <Label ... fx:id="label"/> , и она @FXML private Label label; экземпляр метки в @FXML private Label label; ,

Наконец, когда весь FXML загружен, FXMLLoader вызовет метод initialize контроллера, и будет выполнен код, который регистрирует обработчик действий с помощью кнопки.

редактирование

Хотя файл FXML можно редактировать в среде IDE, это не рекомендуется, так как среда IDE обеспечивает только базовую проверку синтаксиса и автозаполнение, но не визуальное руководство.

Лучшим подходом является открытие файла FXML с помощью Scene Builder, где все изменения будут сохранены в файле.

Scene Builder можно запустить, чтобы открыть файл:

Или файл можно открыть с помощью Scene Builder непосредственно из среды IDE:

• Из NetBeans на вкладке проекта дважды щелкните файл или щелкните правой кнопкой мыши и выберите « Open .
• Из IntelliJ на вкладке проекта щелкните правой кнопкой мыши файл и выберите « Open In Scene Builder .
• Из Eclipse на вкладке проекта щелкните правой кнопкой мыши файл и выберите « Open with Scene Builder .

Если Scene Builder установлен правильно и его путь добавлен в среду IDE (см. Примечания ниже), он откроет файл:

Изменения могут быть сделаны путем перетаскивания новых контейнеров или новых элементов управления из левых панелей, а свойства и значения макета можно изменить на правых панелях.

Обратите внимание, что одним из тегов id, который позволяет вводить FXML в код Java, является fx:id . Его можно установить в панели « Code :

После внесения изменений сохраните файл (Scene Builder -> File -> Save). Если при редактировании файла будут внесены изменения, отредактировав файл из среды IDE, они будут обновлены в Scene Builder.