Use el generador de escenas en JavaFX

1. Use el generador de escenas en JavaFX
2. Características importantes y funcionalidad de Scene Builder en JavaFX

JavaFX es una plataforma de desarrollo de software para crear y entregar aplicaciones web o de escritorio de calidad con una interfaz gráfica de usuario de alta calidad. Con el soporte de CSS, la GUI (interfaz gráfica de usuario) se vuelve más inteligente y contiene una apariencia y sensación de alta calidad.

Está basado en Java. Entonces, la aplicación creada en base a JavaFx es multiplataforma y admite un entorno que tiene una Máquina Virtual Java.

La GUI se describe mediante FXML en JavaFx y se puede adjuntar al código del controlador de forma externa. Eso facilita la modificación de la GUI.

FXML es un lenguaje de marcado basado en XML. Este artículo mostrará una herramienta increíble para construir GUI en JavaFX.

Use el generador de escenas en JavaFX

Cuando trabajamos con JavaFX, podemos dibujar o crear varios componentes de interfaz de usuario (UI) manualmente mediante codificación. Pero hay una manera fácil de generar GUI sin ningún tipo de codificación.

Con JavaFX Scene Builder, desarrollado por Oracle, puede crear una interfaz de usuario simplemente arrastrando y soltando. Esta increíble herramienta generará la clase de controlador automáticamente.

Puede descargar e instalar esta herramienta desde el sitio web oficial de ORACLE. Analicemos algunas funciones de la herramienta Scene Builder.

Primero, echemos un vistazo a la interfaz de usuario de la herramienta Scene Builder que se comparte a continuación:

En el lado izquierdo, puede ver un selector de componentes de IU en varias subcategorías como Contenedores, Controles, Varios, Formas, Gráficos, 3D, etc. Podrá encontrar el componente de IU necesario seleccionando la subcategoría adecuada de su componente.

En el lado inferior izquierdo, puede ver la estructura de su interfaz de usuario. En el lado derecho, puede ver las Propiedades a través de las cuales puede configurar componentes específicos de la IU, y en la esquina inferior derecha, encontrará el Diseño y el Código relacionados con su IU.

Características importantes y funcionalidad de Scene Builder en JavaFX

La herramienta Scene Builder contiene una interfaz de usuario fácil de usar que facilita su uso. Además, puede realizar una ejecución de prueba de su prototipo de interfaz de usuario y encontrar los cambios necesarios para mejorarlo a través de esta herramienta.

A continuación se analizan algunas de las principales características y funcionalidades proporcionadas por la herramienta Scene Builder,

Herramienta de diseño de interfaz de usuario

Esta herramienta Scene Builder le permite diseñar fácilmente y crea varios controles, contenedores, gráficos y formas de la interfaz de usuario de JavaFX. También lo ayuda a generar rápidamente el prototipo de la interfaz de usuario y aplicar varias animaciones y efectos a la interfaz de usuario.

Editor visual de FXML

Esta función le permite crear su interfaz de usuario arrastrando y soltando. La herramienta Scene Builder genera su interfaz de usuario en formato FXML, un lenguaje de marcado basado en XML que permite a los usuarios definir una interfaz de usuario para una aplicación.

No es parte de la lógica de la aplicación. También puede editar su archivo UI FXML cuando sea necesario.

Flujo de trabajo de desarrollador integrado

Puede combinar la herramienta Scene Builder con otros IDE habilitados para Java como NetBeans. Puede incluir la interfaz de usuario en el código fuente que maneja los eventos y acciones según la actividad del usuario.

Puede ejecutar su aplicación desde su IDE y modificar el FXML desde la herramienta IDE o Scene Builder.

Soporte CSS

JavaFX admite CSS para diseñar y editar componentes de interfaz de usuario. Puede incluir estas propiedades CSS tanto interna como externamente.

A través de la herramienta Scene Builder, puede admitir CSS fácilmente en las Propiedades ubicadas en el lado derecho de la interfaz de usuario de Scene Builder.

Solo necesita seleccionar un componente y luego proporcionar los cambios necesarios usando CSS desde el panel Propiedades. El Generador de escenas contiene un analizador de CSS para visualizar los cambios que realizó para componentes específicos de la interfaz de usuario.

Recuerde, Scene Builder es una herramienta multiplataforma disponible para todos los principales sistemas operativos, como Windows, macOS y Linux.