Como instalar JavaFX y JavaFx Scene Builder

Hola a todos, hoy os voy a explicar como podemos poner en marcha un proyecto JavaFX con netbeans.

Lo primero es instalar netbeans sino lo tenemos.

Al crear un proyecto, si tenemos la versión correcta debería aparecernos el apartado de JavaFX.

Sino lo ves, tendrás que descargarte otra versión de netbeans. Aquí lo puedes ver.

Una vez tengamos el proyecto creado. Recomiendo crear 3 paquetes de forma general:

  • Controlador: Clases que manejan los eventos de la ventana
  • Modelo: Clases que representan
  • Vista: Ventanas que vera el usuario

De forma opcional, si vas a usar imágenes y css. Create un paquete para cada uno.

Vamos a instalar otro programa que nos hará falta, se llama Scene Builder. Lo puedes descargar aquí.

Esta aplicación es la que se ocupará de realizar nuestras vistas.

Una vez instalada, volvemos a netbeans y creamos un nuevo un nuevo fichero. Vamos a la categoría de JavaFX y elegimos EmptyFXML.

Le damos el nombre que queramos y recomiendo crear un controlador asociado para más adelante.

Mételo en el paquete de controlador.

También nos preguntara si queremos colocarle css, esto es algo opcional, si vas a querer darle estilos, ponlo.

Ahora pulsa dos veces sobre el fichero de la vista. Sino te lo abre con el scene builder, ábrelo tu mismo y selecciona el fichero.

 

En la pestaña de controls podemos arrastrar y colocar nuestros controles. Mi recomendación es que todos los componentes con los que vayamos a tener una interacción como botones y textfield, por ejemplo, ponerles in fx:id. Esto se hace, seleccionando el elemento y en la pestaña code, poner el nombre deseado en la campo indicado.

También podemos poner aquí eventos, por ejemplo, al pulsar un botón. Esto se hace es los campos de abajo.

 

Volvemos a netbeans y si pulsamos con el botón secundario en el fichero fxml, hay una opción llamada “Make Controller“. Esto actualizara el controlador.

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *