Universidad de la Sabana

Por:
Facultad de Ingeniería
Gabriel Soche
Programación Orientada a Objetos 2022
Instalación de JavaFX

Descarga de JavaFX
• Descargar de: https://gluonhq.com/products/javafx/
Tenga en cuenta que la versión de JavaFX debe ser soportada por JDK. (Menor o igual a la versión de JDK)

• Descargar el SceneBuilder: https://gluonhq.com/products/scene-builder/ de acuerdo con la versión de Sistema

Operativo y de JDK.

Instalación de JavaFX
• Descomprimir archivo: openjfx-18_windows-x64_bin-sdk.zip
• Copiar la carpeta descomprimida y pegar en: C:\Program Files\Java
• Crear la carpeta: C:\SceneBuilder
• Ejecutar el instalador del SceneBuilder y escoger como carpeta de instalación, C:\SceneBuilder

• Abrir NetBeans e ir a: Tools > Options > Java > JavaFX

Configurar el directorio donde está el SceneBuilder.

Usar JavaFX
• Probar con un nuevo proyecto:

• Entrar a Tools y en Categories seleccionar Libraries y crear una nueva librería con un nombre como: JavaFX
• Seleccionar la librería y agregar con el botón Add JAR/Folder… todos los archivos de la carpeta: C:\Program
Files\Java\openjfx-18_windows-x64_bin-sdk\javafx-sdk-18\lib

• Click derecho sobre el proyecto que creamos y escoger Propiedades > Libraries y en Compile agregar en
ClassPath la librería que creamos como JavaFX.
• En Run agregar en ModulePath la librería que creamos como JavaFX

• Categories seleccionar Run y en VM Options agregar:

--add-modules javafx.controls,javafx.fxml
• Para seguir probando, en el proyecto agregar en Source Packages un nuevo Java Package… con un nombre como
vista.
• En ese package vista agregar un nuevo componente Other…

• Allí escoger de la categoría JavaFX el tipo de archivo Empty FXML

• La interface la usa en XML y la lógica en un archivo java, para lo cual es necesario marcar Use Java Controller
 • No usar CSS (Cascading Style Sheets)
• Esto crea dos archivos: Un java y un fxml
• Click derecho sobre el archivo FXML y dar Open, lo cual debe abrir el SceneBuilder para construir la interfaz
gráfica.

Creación de ventana con JavaFX

• Una vez abierto el SceneBuilder, en Containers seleccionar Pane y arrastrar hasta la ventana y definir el tamaño.
• A la derecha en Inspector > Code se define el nombre del componente.

En un programa:

Main:

package clickboton;
import java.io.IOException;
import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class ClickBoton extends Application {
@Override
public void start(Stage ventana) throws IOException {
Parent root = FXMLLoader.load(getClass().getResource("Ventana.fxml")); //Arma la ventana con el XML
Scene scene = new Scene(root);
ventana.setScene(scene);
ventana.setTitle("Click en un botón usando JavaFX");
ventana.setResizable(false); // No se puede cambiar el tamaño de la ventana
//ventana.setOnCloseRequest(event -> {event.consume();});
ventana.show(); //Muestra la ventana
}
 public static void main(String[] args) {
// TODO code application logic here
launch(args);
}

}
Controller:
package clickboton;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
public class VentanaController implements Initializable {
int i = 0;
@FXML
private Button miBoton;
@FXML
private TextArea miPantalla;
@Override
public void initialize(URL url, ResourceBundle rb) {
// TODO
}
@FXML
private void escribir(ActionEvent event) {
miPantalla.setText(miPantalla.getText()+" "+(++i));
}
}