10.10 SceneBuilder
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/
2. Configurar en VS Code la ruta de SceneBuilder¶
Con el fin de que cuando se abra un archivo FXML desde Visual Studio Code se muestre directamente con la herramienta SceneBuider, se debe indicar en la configuración de Visual Studio Code en qué carpeta se encuentra SceneBuider.
En el artículo Using Scene Builder with NetBeans IDE de la web de Oracle se puede obtener también información sobre los pasos a seguir.
En Windows: SceneBuilder se encuentra instalada por defecto en la carpeta C:\Users\TU_USUARIO\AppData\Local\SceneBuilder\SceneBuilder.exe, también es posible usar esta aplicación en Mac o Linux. Lo más importante es que conozcas la ubicación del ejecutable.
Puedes acceder a las opciones de configuración de VS Code en el menú Tools -> Options. Ahí accede a la sección Java y la pestaña JavaFX:
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.
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:
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:
