COMPARTE ESTE ARTÍCULO

Una vez que has diseñado la interfaz gráfica de usuario (GUI) en Scene Builder, es hora de darle funcionalidad mediante código. Aquí te explico paso a paso qué hacer después de completar el diseño en Scene Builder, desde la configuración del controlador (fx:controller), la conexión de botones, hasta el manejo de múltiples escenas.

1. Configurar el `fx:controller` en el Archivo FXML

El archivo FXML debe estar vinculado a un controlador Java que gestionará la lógica de la aplicación. Para hacerlo:

Abre el archivo FXML en un editor de texto o en tu IDE.
Agrega el atributo fx:controller en la raíz del archivo, apuntando a la clase del controlador Java. Por ejemplo:

   <VBox xmlns="http://javafx.com/javafx/22" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.mycompany.myapp.MyController">

Asegúrate de que el paquete y la clase (com.mycompany.myapp.MyController) coincidan con el lugar donde está definido tu controlador.

2. Declarar los Componentes en el Controlador

En el archivo .java del controlador, necesitas declarar los componentes que deseas manipular. Por ejemplo, si tienes botones o campos de texto en tu FXML:

FXML

<Button fx:id="myButton" onAction="#handleButtonClick" text="Click me!" />
<TextField fx:id="myTextField" promptText="Escribe algo aquí" />

Controlador Java

En la clase del controlador:

package com.mycompany.myapp;

import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;

public class MyController {

    @FXML
    private Button myButton;

    @FXML
    private TextField myTextField;

    @FXML
    private void handleButtonClick() {
        System.out.println("Botón presionado. Texto ingresado: " + myTextField.getText());
    }
}

Importante

El atributo fx:id en el FXML debe coincidir con el nombre del componente en el controlador.
El método definido en onAction debe estar presente en el controlador con la anotación @FXML.

3. Manejo de Eventos para los Botones

Configurar la acción en Scene Builder

En Scene Builder, selecciona el botón en la GUI.
En el panel de propiedades, bajo la sección “Code”:
Escribe un nombre en el campo fx:id (por ejemplo: myButton).
En el campo On Action, especifica el método que manejará el evento (por ejemplo: handleButtonClick).

Implementar el Método en el Controlador

Define el método en el controlador:

  @FXML
  private void handleButtonClick() {
      System.out.println("Botón presionado.");
  }

Reglas Importantes

Los valores de fx:id y onAction no deben ser iguales. Ejemplo correcto:

  <Button fx:id="myButton" onAction="#handleButtonClick" text="Click me!" />

Si los nombres son iguales, JavaFX mostrará un error.

4. Cambiar de Escena en Java

Para aplicaciones con múltiples escenas, puedes cambiar entre ellas utilizando el método setScene.

Pasos para Cambiar de Escena:

Crea un nuevo archivo FXML para cada escena (por ejemplo, Scene1.fxml y Scene2.fxml).
En el controlador, implementa un método que cargue la nueva escena:

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

public class MyController {

    @FXML
    private void switchToScene2() throws Exception {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("Scene2.fxml"));
        Parent root = loader.load();

        Stage stage = (Stage) myButton.getScene().getWindow();
        stage.setScene(new Scene(root));
    }
}

XML de Ejemplo

En el archivo FXML de la primera escena, asegúrate de definir el botón y el método asociado:

<Button fx:id="switchButton" onAction="#switchToScene2" text="Ir a la escena 2" />

Con esto, al presionar el botón, la aplicación cargará y mostrará la segunda escena.

5. Verificar la Conexión Correcta

Antes de ejecutar la aplicación, asegúrate de:

Que todos los componentes definidos en el FXML tienen un fx:id único.
Que los métodos onAction están correctamente implementados en el controlador.
Que el controlador está vinculado al archivo FXML mediante fx:controller.

Conclusión

Después de crear una GUI en Scene Builder, los pasos clave son:

Configurar el fx:controller en el FXML.
Declarar y vincular los componentes del FXML al controlador.
Implementar los métodos para manejar eventos.
Asegurarte de que fx:id y onAction no compartan el mismo nombre.
Implementar la lógica para cambiar entre escenas usando Java.

Estos pasos no solo harán que tu aplicación sea funcional, sino que también mantendrán el código organizado y libre de errores comunes. Con esta guía, estarás listo para llevar tu aplicación JavaFX al siguiente nivel. ¡Buena suerte!

    
 
 
         
   Maria Del Carmen Hernandez Herrera 
 
 
 
  Contacte con Alejandro por recomendación de una compañera de trabajo a la cuál ayudó mucho en la preparación de unos exámenes muy complicados . La física y química para mi hija en este curso estaba siendo muy complicada, tanto es así ,que suspendió la primera evaluación y ella no había suspendido nunca, desde que acude a sus clases hay un antes y un después ...... Alejandro con su manera de explicar ha conseguido que las entienda , que pueda desarrollar los problemas que tenga confianza en sí misma....tanto es así que ha aprobado todos los exámenes....Paula está súper contenta y yo más!!!! Siempre que tengo alguna duda o que necesito modificar un horario responden super pronto y buscan solución motivo por el cuál recomiendo al 100% está academia. Muchas gracias por su ayuda.
  
 
        
   Arianna Del Campo Martín 
 
 
 
  Yo soy estudiante universitaria, muy finalista y que llegó a la academia con prácticamente cero base… Finalmente aprobé mi examen! Aquí de una manera diferente a lo que convencionalmente se espera de los profes, me enseñaron, muy cercanamente lo que me proporcionó confianza para no callarme las dudas y preguntar todo el tiempo. Me sorprendió que el profe que me dio clases en particular era como una enciclopedia andante, sin necesidad de mirar los libros me decía fórmulas de memoria que son difíciles de entender hasta con ellas delante. Recomiendo 100%
  
 
        
   Ariana García Esquivel 
 
 
 
  No he dudado ni por un segundo que haber asistido a las clases con Alejandro es lo mejor que me ha pasado… No solamente te apoya académicamente, sino que apoya al alumno a pesar de sus dificultades, y a mí me ha estado ayudando muchísimo y en mis peores momentos. Mil gracias por tus consejos, por siempre darme ánimos, por ser tan simpático que alegras las clases aburridas y por ser un profe tan bueno, son de estas personas que nunca olvidas.❤️👏🏻 También he de decir que Raúl, el otro profesor que se encuentra en la academia…es una persona que se preocupa por el alumno a que haga las cosas bien, con tranquilidad, está siempre pendiente a ti, tiene mucha paciencia, dedica a dar sus clases lo más dinámico posible, tiene mucha amabilidad con las personas, en definitiva… tengo a los dos mejores profesores del mundo, se os quiere mucho💓✨.
  
 
        
   Another Weasley. 
 
 
 
  He tenido muchos profes, y muchos particulares, pero como Alejandro ninguno, de verdad, me hace pensar que de verdad no soy tan mala en lo mío 🥺 me apoya muchísimo y me ayuda en todo lo que pueda con mi carrera, es un profesor 10 y una persona sobretodo 10000 Gracias Ale por preocuparte por tus alumnos, por intentar que estén motivados, que las clases sean entretenidas, y lo bien y fácil que explicas !  Para mi, LOS MEJORES 💖 -alba
  
 
        
   yarel febles 
 
 
 
  He entrado a la carrera de enfermería gracias a Alejandro, sin duda estoy súper contento con mi paso por aquí :)
  
 
        
   Ana Carina Benta 
 
 
 
  Gracias por el ambiente familiar Gracias por la paciencia Gracias por la enseñanza Gracias por el apoyo Gracias por la Motivación!! Simplesmente Gracias!! Recomendable 1000%
  
 
        
   Yanet Palacio valdes 
 
 
 
  Desde hace un tiempo mi hijo asiste a la academia, pensabamos no sacaba la eso y hoy con orgullo se gradúa de 4to de la eso,muy agradecida por los profesores,sobre todo su profe Alejando persona entrañable,justo, para el todo nuestro agradecimiento..⭐⭐⭐👌👌
  
 
        
   Mabett Duque 
 
 
 
  ¡De lo bueno lo mejor, y de lo mejor lo superior!
  
 
  
 
  
 
   La evaluación general en Google es 4.4 de 5, en base a 27 reseñas

Photo by Pavel Danilyuk on Pexels.com
Photo by RealToughCandy.com on Pexels.com
Photo by Andrea Piacquadio on Pexels.com

¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.

¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos.