Skip to content

10.8 SceneBuilder en IntelliJ

1. Introducción

Scene Builder es una alternativa orientada al diseño que puede ser más productiva. Además es multiplataforma y está disponible para GNU/Linux, Windows y Mac. Scene Builder funciona con el ecosistema JavaFX: controles oficiales, proyectos comunitarios y ofertas de Gluon que incluyen Gluon Mobile, Gluon Desktop y Gluon CloudLink.

El diseño de la interfaz de usuario drag&drop permite una iteración rápida. La separación de los archivos de diseño y lógica permite que los miembros del equipo se concentren rápida y fácilmente en su capa específica de desarrollo de aplicaciones.

Scene Builder es gratuito y de código abierto, pero cuenta con el respaldo de Gluon. Están disponibles ofertas de soporte comercial, que incluyen formación y servicios de consultoría personalizados.

Descarga e información: https://gluonhq.com/products/scene-builder/

SceneBuilder1
SceneBuilder2

2. Configurar en IntelliJ la localización de SceneBuilder

Con el fin de que cuando se abra un archivo FXML desde NetBeans se muestre directamente con la herramienta SceneBuider, se debe indicar en la configuración de NetBeans en qué carpeta se encuentra SceneBuider.

En el artículo Using Scene Builder with IntelliJ IDEA de la web de Oracle se puede obtener también información sobre los pasos a seguir.

SceneBuilder se encuentra instalada por defecto en la carpeta C:\Users\TU_USUARIO\AppData\Local\SceneBuilder\SceneBuilder.exe (en Windows), tambien es posible usar esta aplicación en Mac o Linux. Lo más importante es que conozcas la ubicación del ejecutable y lo configures en IntelliJ:

Path del SceneBuilder en IntelliJ

Puedes acceder a las opciones de configuración de NetBeans en el menú Settings -> Languages & Frameworks-> JavaFx. Ahí accede a la sección Path to SceneBuilder y escribe la ruta donde se encuentre el ejecutable de SceneBuilder (en la imágen superior tienes el ejemplo de mi máquina linux).

3. ScenicView

Scenic View es una aplicación JavaFX diseñada para simplificar la comprensión del estado actual del gráfico de escena de su aplicación y también para manipular fácilmente las propiedades del gráfico de escena sin tener que seguir editando su código. Esto le permite encontrar errores y hacer que las cosas sean perfectas sin tener que hacer el baile de compilación, verificación y compilación.

Scenic View

3.1. Descargar e instalar ScenicView

Puedes descargar la versión adecuada para tu sistema operativo desde https://github.com/JonathanGiles/scenic-view

En realidad ScenicView se distribuye como una aplicación portable. Eso quiere decir que no es necesario instalarla, sino directamente ejecutar la aplicación desde la carpeta bin según el sistema operativo en el que nos encontremos.

3.2. Usar ScenicView

Para examinar nuestra aplicación JavaFX con ScenicView, debemos en primer lugar ejecutar la aplicación ScenicView:

Buscando aplicación JavaFX

Una vez ejecutada la aplicación comienza a buscar aplicaciones que se esten ejecutando y que usen JavaFX.

En este punto solo queda que ejecutemos nuestra aplicación JavaFX (por ejemplo HolaFX) y ScenicView detectará la aplicación y nos mostrará toda su información y nos permitirá realizar modificaciones:

ScenicView3