Introducción a la GUI:
GUI es una interfaz de usuario que actúa como un intermediario entre la computadora o dispositivo electrónico y el usuario. Lo que distingue a la GUI de otras interfaces de usuario es que la GUI emplea íconos gráficos y temas visualmente agradables para interactuar con la ayuda de un puntero en lugar de componentes basados en texto.
Aunque los íconos y componentes basados en texto todavía son necesarios en algunas GUIs e.gramo. una página de inicio de sesión, etc. pero el objetivo principal de cualquier buen diseñador de GUI debería ser facilitar al usuario la interacción con él y principalmente con un mouse. Como se mencionó anteriormente, las GUI son más fáciles de usar que la mayoría de las otras interfaces y el soporte disponible para hacerlas visualmente atractivas no solo ayuda al usuario a enfocarse en ciertos elementos, sino que también le permite al diseñador ser creativo y experimentar con su imaginación, haciendo que su desarrollo sea intuitivo y divertida. La GUI también permite al diseñador insertar videos e imágenes en el formulario para hacerlo aún más atractivo y fácil de usar para el usuario.
API de Java:
Java permite al desarrollador utilizar tres API (interfaz de programación de aplicaciones):
- AWT (kit de herramientas de ventanas abstractas)
- Balancearse
- JavaFX
AWT y Swing son API más antiguas, mientras que JavaFX se integró con Java 8 y es la última API con más opciones que AWT y Swing.
Una de las principales ventajas de utilizar JavaFX sobre otras API es la integración de Scene Builder. JavaFX Scene Builder es una herramienta que permite desarrollar GUI sin codificación. Lo logra al proporcionar un área en blanco donde diferentes componentes de JavaFX se pueden arrastrar y soltar para crear diferentes formas de GUI. Estos componentes también se pueden editar con una gran variedad de opciones de personalización. Todo esto se puede hacer en tiempo real y la GUI toma forma a medida que el diseñador la desarrolla.
JavaFX Scene Builder genera FXML, esto le permite al diseñador crear la interfaz por separado de la lógica del programa. FXML es un lenguaje basado en XML. JavaFX Scene Builder se puede utilizar con cualquier IDE de Java para combinar la lógica del programa con la interfaz, pero está especialmente orientado a programas y aplicaciones desarrollados en NetBeans IDE.
Que es NetBeans?
NetBeans es un IDE (entorno de desarrollo integrado) gratuito y de código abierto que utiliza una arquitectura modular i.mi. utiliza módulos (grupos de clases y bibliotecas) para implementar características específicas en una aplicación. NetBeans es uno de los IDE de Java más populares en este momento. NetBeans también es conocido por su excelente compatibilidad con Maven y su interfaz fácil de usar. Para comenzar a desarrollar en NetBeans y JavaFX Scene Builder, debe tener tanto instalado como JavaFX Scene Builder integrado con NetBeans. Esta guía será más que suficiente para ayudarte con el proceso de instalación y cómo integrar ambos programas en Windows.
Instale NetBeans:
Para instalar NetBeans, primero debe descargarlo del sitio web oficial de NetBeans:
https: // netbeans.apache.org / download / index.html
- Haga clic en el botón verde "Descargar" debajo de Apache NetBeans 10.0 línea
- También puede obtener más información sobre NetBeans haciendo clic en el botón azul "Funciones" junto al botón "Descargar".
- También puede descargar otras versiones anteriores, pero se recomienda utilizar la última versión.
- Esto lo llevará a una página titulada "Descarga de Apache NetBeans (incubando)".
- Desde esta página, haga clic en el enlace "Binarios". Puede hacer clic en el enlace "Fuente" y descargarlo si desea compilarlo usted mismo, pero descargar los "Binarios" es más rápido y fácil.
- Una vez hecho clic, esto lo redirigirá a la página de Apache donde se generará un enlace para usted.
- Haga clic en el enlace y comenzará a descargarse.
- Una vez descargado, extraiga el paquete a su directorio deseado (puede extraer el paquete usando WinRAR).
- Después de la extracción, vaya al directorio extraído y busque la carpeta "bin".
- Vaya a la carpeta "bin" y verá dos archivos de "Aplicación"; "Netbeans.exe ”y“ netbeans64.exe".
- Si está utilizando Windows de 32 bits, abra “netbeans.exe ”y si está utilizando Windows de 64 bits, abra“ netbeans64.exe".
- Esto abrirá NetBeans IDE directamente. No es necesario instalarlo por separado, ya que hemos instalado los binarios.
- Si recibe esta vista una vez que se abre, entonces NetBeans 10.0 se ha instalado con éxito y está listo para que empieces a escribir programas y desarrollar aplicaciones en él.
Instale el generador de escenas JavaFX:
Ahora que NetBeans se ha instalado correctamente y funciona correctamente, podemos pasar al siguiente paso; instalar JavaFX Scene Builder. Primero, tenemos que descargar Scene Builder desde su sitio web oficial:
https: // gluonhq.com / products / scene-builder / # download
- En esta página, desplácese hacia abajo hasta que vea las opciones de descarga para su versión de Java, que puede ser una de estas tres: Java 10, Java 8 o Java 11.
- En nuestro caso, es Java 11. En su versión de Java, busque el Scene Builder que tiene "Windows Installer" como plataforma y haga clic en el botón verde "Descargar".
- Esto lo redireccionará a una página de "Gracias" y comenzará a descargar.
- Una vez descargado, abra el instalador.
- En el instalador, acepte los términos y condiciones y haga clic en instalar.
- Una vez instalado, haga clic en finalizar.
- Para verificar si la instalación fue exitosa o no, puede abrir “SceneBuilder.exe ”y será recibido con la siguiente vista si la instalación fue exitosa:
Integre JavaFX Scene Builder y NetBeans:
Una vez instalados Scene Builder y NetBeans, es hora de pasar al paso final; integrar ambos programas.
- Primero, abra NetBeans, haga clic en "Archivo" y luego en "Nuevo proyecto ..."
- en el menú desplegable. Una nueva ventana se abrirá.
- Haga clic en "JavaFX" en la pestaña "Categorías" y en "Aplicación Java FXML" para la pestaña "Proyectos".
- Haga clic en Siguiente".
Instale cualquier módulo, si se le solicita que descargue y active algún módulo. En la siguiente ventana, asigne un nombre al proyecto y haga clic en "Finalizar".
- Una vez abierta, vaya a la pestaña "Proyectos" y haga clic en su proyecto.
- Luego haga clic en "Paquetes de origen", haga clic en el paquete de su proyecto y haga clic con el botón derecho en el .fxml y haga clic en "Abrir".
- Esto abrirá el archivo en Scene Builder para que pueda trabajar en él.
Y con esto, ha integrado con éxito Scene Builder y NetBeans para trabajar juntos sin problemas. Una vez que haya terminado de crear la GUI, para agregarle funcionalidad y lógica, edite el "Controller.Java ”directamente debajo del .fxml y darle funcionalidad. Ahora puede continuar y disfrutar haciendo GUI para sus programas de una manera intuitiva y divertida usando JavaFX Scene Builder.