javafx
Constructor de escena

Introducción

Observaciones

Proyecto JavaFX básico usando FXML

Este es un proyecto básico que utiliza FXML, creado con NetBeans (Nuevo proyecto -> JavaFX -> Aplicación JavaFX FXML). Contiene solo tres archivos:

Clase de aplicación principal

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

Archivo 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>

Controlador

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

}

correr

La construcción y ejecución del proyecto debe mostrar una pequeña ventana con un botón que se puede hacer clic:

Cómo funciona

Brevemente, en la clase de aplicación principal, el FXMLLoader cargará el basicFXML.fxml desde el jar / classpath, según lo especificado por FXMLLoader.load(getClass().getResource("BasicFXML.fxml")) .

Al cargar basicFXML.fxml , el cargador encontrará el nombre de la clase del controlador, como lo especifica fx:controller="org.stackoverflow.BasicFXMLController" en el FXML.

Luego, el cargador creará una instancia de esa clase, en la que intentará inyectar todos los objetos que tienen un fx:id en el FXML y están marcados con la anotación @FXML en la clase del controlador.

En este ejemplo, el FXMLLoader creará la etiqueta basada en <Label ... fx:id="label"/> , e inyectará la instancia de la etiqueta en la @FXML private Label label; .

Finalmente, cuando se haya cargado todo el FXML, FXMLLoader llamará al método de initialize del controlador, y se ejecutará el código que registra un controlador de acción con el botón.

Edición

Si bien el archivo FXML se puede editar dentro del IDE, no se recomienda, ya que el IDE proporciona solo la comprobación de sintaxis básica y el autocompletado, pero no la guía visual.

El mejor enfoque es abrir el archivo FXML con Scene Builder, donde todos los cambios se guardarán en el archivo.

Se puede iniciar Scene Builder para abrir el archivo:

O el archivo se puede abrir con Scene Builder directamente desde el IDE:

• Desde NetBeans, en la pestaña del proyecto, haga doble clic en el archivo o haga clic derecho y seleccione Open .
• Desde IntelliJ, en la pestaña del proyecto, haga clic con el botón derecho en el archivo y seleccione Open In Scene Builder .
• Desde Eclipse, en la pestaña del proyecto, haga clic con el botón derecho en el archivo y seleccione Open with Scene Builder .

Si Scene Builder está correctamente instalado y su ruta se agrega al IDE (ver Comentarios a continuación), abrirá el archivo:

Se pueden hacer cambios arrastrando nuevos contenedores o nuevos controles desde los paneles de la izquierda, y las propiedades y los valores de diseño se pueden cambiar en los paneles de la derecha.

Tenga en cuenta que una de las etiquetas de identificación que permite inyectar el FXML en el código de Java es fx:id . Se puede configurar en el panel de Code :

Después de aplicar los cambios, guarde el archivo (Scene Builder -> File -> Save). Si se realizan cambios en la edición del archivo desde el IDE, al guardar el archivo, se actualizarán en Scene Builder.