Está en la página 1de 20

Introducción a JavaFX

Técnicas de Programación y Laboratorio

León Jaramillo
¿Qué es JavaFX?

Fue creada por Chris Oliver, ingeniero de Sun Microsystems

Es una plataforma de software para la implementación de aplicaciones de escritorio, así como de


aplicaciones de internet ricas (RIAs) que pueden correr sobre una variedad de dispositivos

Busca reemplazar (mientras coexisten) a Swing, tal como Swing reemplazó a JFC

JavaFX soporta el desarrollo de aplicaciones para Windows, Linux y Mac OSX

Inicialmente la base de JavaFX era JavaFX Script, sin embargo a partir de JavaFX 2.0, éste se compila
a Java “nativo”

Introducción a JavaFX 2
Versiones de JavaFX
JavaFX 1.0 • Disponible en Diciembre 4, 2008

JavaFX 1.1 • Disponible en Febrero 12, 2009


• Incluye desarrollo móvil

JavaFX 1.2 • Disponible en Junio 2, 2009. Incluye diversas mejoras


• Soporte a Linux y Solaris

JavaFX 1.3 • Disponible en Abril 22, 2010


• Mejoras en el rendimiento y en el soporte de diversas plataformas

JavaFX 2.0 • Disponible en Octubre 10, 2011, ahora soporta de forma nativa las diferentes plataformas
• Se introduce FXML y el trabajo directo en Java sin ningún lenguaje de script intermedio

JavaFX 2.2 • Disponible en Agosto 14, 2012


• Multiples mejoras, un mejor soporte a Linux y a Mac OSX

JavaFX 8 • Disponible en Marzo 18, 2014, incluido en el JDK de Java SE 8


• Soporta gráficos 3D, entre otras mejoras

Introducción a JavaFX 3
¿Por qué Adoptar JavaFX?
Herramientas de GUI nuevas y mejoradas (más allá de los textboxes, los
checkboxes, etc.)

El uso del lenguaje FXML permite separar la programación de la


interfaz de usuario de la lógica de negocios y de la capa de datos

Cuenta con soporte nativo de gráficos 2D y 3D, así como varias


herramientas de animación

Permite el diseño de aplicaciones usando Scene Builder, que permite


crear ventanas y agregarle controles con solo arrastrar y soltar

Introducción a JavaFX 4
Ventajas y Desventajas de JavaFX

Ventajas Desventajas
• Permite crear contenido gráfico • Requiere el manejo de un
muy rico, incluyendo drag&drop lenguaje adicional a Java (FXML)
avanzado • En la web es menos eficiente que
• Utiliza el mismo lenguaje para la manejar muchos de los enfoques
web y el escritorio web existentes
• JavaFX es mucho más rápido que
Swing al ser compilado, no
interpretado
• El plugin de NetBeans simplifica
el desarrollo de las aplicaciones

Introducción a JavaFX 5
Algunos de los Componentes (Controles en
este Caso) Presentes en JavaFX
Label Button Radio Button Checkbox Choice Box

Text Field Password Field Scroll Bar List View

Table View Tree View Combo Box Slider

Introducción a JavaFX 6
¿Qué es Scene Builder?

Es una herramienta de
diseño visual que
permite a los usuarios
diseñar rápidamente las
interfaces de usuario de
las aplicaciones JavaFX

Introducción a JavaFX 7
¿Cómo se usa Scene Builder?
Se arrastran y sueltan componentes sobre un área de trabajo

Se modifican las propiedades de los componentes

Se pueden aplicar hojas de estilo (CSS) de manera similar (y


opcional) a como se hace en el diseño web

Internamente, Scene Builder va generando el código FXML


asociado a la interfaz

El código FXML se puede vincular a código de Java, para obtener


funcionalidad

Introducción a JavaFX 8
¿Cómo Instalar JavaFX?
• Para disponer de JavaFX 8, basta con instalar el JDK 8 (Java SE 8),
siendo probable que ya todos lo tengamos instalado

• En NetBeans 8.2, el entorno de desarrollo de Java FX viene incluido en


las ediciones Java SE, Java EE y All

• En Eclipse, el entorno de desarrollo de JavaFX debe instalarse aparte:


• En el menú de Ayuda (Help), se ingresa a la opción de Eclipse Marketplace
• Una vez ahí, buscamos y seleccionamos el plugin e(fx)clipse y lo instalamos en
el IDE

Introducción a JavaFX 9
¿Cómo instalar Scene Builder?
• Tanto en Windows como en Linux, se siguen los siguientes pasos para
NetBeans:

1. Se descarga la versión correspondiente de Scene Builder en el siguiente sitio web:


http://gluonhq.com/products/scene-builder/ Recuerde tener en cuenta si son 32 o
64bits y el sistema operativo

2. Se instala en el equipo como cualquier programa

3. En el menú de herramientas (Tools) de NetBeans ingresar a la opción Plugins e


instalar el plugin Gluon Plugin

4. Finalmente, en NetBeans, entrar al menú de herramientas (Tools), submenú de


opciones (Options), pestaña Java y sub-pestaña JavaFX, y verificar que la ruta que
aparece coincida con aquella en la que se instaló Scene Builder
Introducción a JavaFX 10
Arquitectura de JavaFX

Introducción a JavaFX 11
3 Tipos de Archivos Importantes en JavaFX
Archivos de controlador
• Son los archivos de extensión .java del proyecto
• Permiten especificar la funcionalidad de los controles de la interfaz y de ella misma
Archivos de diseño de la vista
• Son los archivos de extensión .fxml del proyecto
• Permiten especificar la apariencia y diversas propiedades de la interfaz
Archivos CSS (opcionales)
• Son archivos de extensión .css
• Permiten especificar la parte gráfica de la apariencia de forma similar a la web

Introducción a JavaFX 12
Ejemplo de Clase Principal en JavaFX

Introducción a JavaFX 13
Ejemplo del Entorno de Scene Builder (1/4)

Introducción a JavaFX 14
Ejemplo del Entorno de Scene Builder (2/4)

Introducción a JavaFX 15
Ejemplo del Entorno de Scene Builder (3/4)

Introducción a JavaFX 16
Ejemplo del Entorno de Scene Builder (4/4)

Introducción a JavaFX 17
Ejemplo de un Documento FXML

Introducción a JavaFX 18
Ejemplo de un Controlador (1/2)

Introducción a JavaFX 19
Ejemplo de un Controlador (2/2)

Introducción a JavaFX 20