Slideshow de Imágenes con JavaFX

En ésta ocasión Scott Hommel nos muestra en 6 pasos (un tutorial corto pero bueno) como crear una aplicación JavaFX que muestra un grupo de fotografías con transición automática y efectos entre transición, al estilo diapositivas. En realidad resulta bastante sencillo el ver cómo se realiza la aplicación con pocas líneas de código.

La herramienta que ha utilizado en éste caso es NetBeans, y a propósito de NetBeans ya está disponible para la descarga la versión 6.8 Beta y en el blog de Avbravo pueden encontrar una entrada NetBeans 6.8 Beta JavaFX Ubuntu 9.10 el nombre es por demás descriptivo de lo que encontrarán. Sería interesante hacer el slideshow con las herramientas del post de Avbravo.

Los 6 pasos que se muestran en el post Creating an Image Slideshow:

1. Crear el proyecto Slideshow
2. Crear el Stage y Scene
3. Configurar el color de fondo
4. Cargar y mostrar las imágenes
5. Agregar una línea de tiempo
6. Agregar la transición

El post de Hommel es interesante porque al final se muestran otros recursos relacionadas con cada una de las actividades realizadas para crear el post.

Espero que sea de su interés.

JavaFX by Examples

Una de las formas de aprender es revisando aplicaciones de ejemplo desarrolladas por otras personas, siempre y cuando las estudiemos, las entendamos y muchas veces tomando prestadas algunas características de las mismas.

Cuando los ejemplos se encuentran clasificados según el nivel de conocimiento o el tipo de contenido que presenta la tarea de aprender se convierte una experiencia bastante agradable y motivadora. Esto sucede con una serie de ejemplos que se encuentra en JFXtras Commnuty Site. Como mencionan en su sitio «El objetivo del proyecto JFXtras Samples es suministrar programas JavaFX de ejemplo de calidad, para aprendices y exploradores del lenguaje. Por favor siéntase libre de navegar por los ejemplos y reutilizar cualquier código en tus aplicaciones (todas las licencias son comercialmente amistosas) y contribuye con la comunidad con cualquier ejemplo adicional».

De lo que entiendo algunos ejemplos son obtenidos desde algunos libros, tales como: JavaFX in Action, Essential JavaFX, JavaFX Developer’s Guide, etc. El link directo hacia los ejemplos es el siguiente JFXtras Samples.

Espero que sea de su ayuda.

Combinando JavaFX y Swing

Como ya lo mencionó Charles Ditzel en su post What’s Wrong With JavaFX and What Needs Fixing? una de las falencias de JavaFX es la ausencia de ciertos controles (ejemplo: árboles y tablas), ésta debilidad se acrecienta cuando lo comparamos con Swing que cuenta con muchos más. (Para ver una lista de los componentes JavaFX visiten: Top 5 most Important Features in JavaFX 1.2).

Para cubrir de cierta forma ésta debilidad, es posible utilizar dentro de una aplicación JavaFX componentes Swing; también se lo puede hacer en sentido contrario, en una aplicación Swing usar JavaFX, pero a través del hacking lo que no garantiza que siga funcionando en versiones posteriores. Para conocer más visiten: How to use JavaFX in Your Swing aplicaciones. Ésta característica, la capacidad de JavaFX de soportar componentes Swing, ha sido explotada en el JavaOne en las conocidas sesiones «Extreme GUI Make Over», en donde se hace un cambio extremo a una aplicación Swing, ésta vez, para las mejoras se ha utilizado JavaFX dando como resultado una aplicación hibrida entre JavaFX y Swing.

Amy Fowler ha colaborado en el cambio extremo de GUI y ha elaborado un post resumen, en el cual muestra una lista de 10 + 1 pasos necesarios para incluir controles Swing dentro de una aplicación JavaFX. Los 10 pasos son los siguientes:

• Tocar las bases del lenguaje
• Descargar el SDK JavaFX
• Crear un proyecto en NetBeans
• Crear el «Stage»
• Definir el layout
• Embeber los componentes Swing
• Enganchar los Listeners
• Agregar efectos
• Agregar movimiento
• Hacer tus conclusiones

Para leer el post completamente lee el post: Insider’s Guide to Mixing Swing and JavaFX

JavaFX e interacción con base de datos

Buscando ejemplos de aplicaciones JavaFx, me he encontrado con el siguinte blog JFXStudio, el mismo que muestra una gran cantidad de ejemplos sobre JavaFx, acompañados de su código fuente.

Uno de los ejemplos que más me ha llamado la atención es uno que trabaja con base de datos. El ejemplo es una evolución de otro, que se detalla aquí. En la evolución se puede ver una interfaz más desarrollada y enriquecida que la original.

Lo interesante del post original es que detalla el trabajo con base de datos, una de las tareas que son necesarias en cualquier tipo de aplicación. En éste ejemplo podemos ver el potencial para la creación de GUI que posee JavaFX y cómo interactuar con bases de datos. Pueden encontrar el código fuente del proyecto de NetBeans.

Un imagen de ejemplo: tomada desde JavaFXStudio

»]

Espero que les ayude.

Construyendo un objeto 3D con JavaFX

Sin lugar a dudas ésta semana ha sido marcada como la semana JavaFX, por su lanzamiento y por la aparición de un gran número de recursos.

Ahora les comparto un link: JavaFX Coffe Cup, en donde podrán ver cómo elaborar un objeto con efecto 3D. El autor Sharon Zakhour crea una taza de café, él mismo se dice ser un programador, no un ingeniero de software, ni diseñador gráfico o experto en GUI, pero el resultado que muestra es bastante bueno y fácil de entender (por lo menos de las líneas de código que revisé). Los invito a que visiten el sitio y lo vean por ustedes mismos. Adjunto una imagen del resultado final.

JavaFX Picture Puzzle una aplicación JavaFX para Facebook

Via un RSS de Sun, me he enterado de la existencia de una aplicación Java desarrollada para Facbook, bueno hasta ahí ninguna novedad. Lo interesante es que ha sido desarrollada utilizando JavaFX.

Detallando un poco la aplicación: se trata de un Puzzle o rompecabezas, que se forma a partir de una imgén que es tomada de tú album de fotos. Para ver en funcionamiento dicha aplicación debes buscar JavaFX y el segundo link te mostrará ésta aplicación, luego sigues los pasos que se muestran y estarás disfrutando de ésta aplicación.

Ésta aplicación, podría ser la primera aplicación JavaFX, que se lanza a producción y que tiene miles de usuarios potenciales. Lamentablemente para quienes estamos utilizando Ubuntu y no tenemos instalado el jre6u10 esté mundo FX está aún lejano. (No instalo el jre6u10, porque no aparece en Synaptic)

Dos nuevos Tutoriales para JavaFX

Con la reciente salida de JavaFX 1.0 (su lanzamiento fue la semana pasada), se ha iniciado la campaña de formación y aquí pueden encontrar dos tutoriales.

El primero de ellos Learning the JavaFX Script Programming Languge, presenta los conceptos fundamentales y sintáxis utilizados por JavaFX Script. Consta de 11 lecciones.

El segundo, Building GUI Applications With JavaFX, muestra los conceptos básicos para la creación de interfaces gráficas de usuario, incluyendo: sintáxis declarativa, nodos, formas, efectos visuales, animación, layout y manejo de eventos. Tiene 8 lecciones.

Sun lanza la plataforma JavaFX

Revisando el sitio de Sun he podido ver cómo se hace el lanzamiento de la plataforma JavaFX, para la cual han creado un sitio, en el cual pueden ver vídeos, descargar el SDK, ver ejemplos y demos de lo que se puede hacer con ésta plataforma para la construcción de interfaces de aplicaciones.

Adicionalmente la gente de NetBeans anunció (y me enteré vía correo) que se puede actualizar la versión 6.5 para soportar JavaFX, aún no sé si con un editor visual o a puras sentencias.

Esperemos y veamos como se adopta ésta nueva tecnología.

Ayudas para superar la curva de aprendizaje JavaFX Script

Con los recientes anuncios sobre el JavaFX SDK y el plugin para NetBeans, el tema ha tomado un renovado interés.

En la misma onda de éstas noticias, he encontrado una revista sobre la curva de aprendizaje de JavaFX Script. En detalle se trata de 4 artículos en donde paso a paso y con ejemplos se empieza a ganar conocimientos en ésta nueva apuesta de Sun. Así tenemos:

1. En la primera entrega verán como configurar el entorno de programación, cómo construir y correr un programa JavaFx
2. La segunda entrega se centra en el estilo declarativo de codificación para JavaFX. Viendo cómo éste estilo puede hacer que el código de una aplicación gráfica se simple e intuitivo.
3. La tercera entrega muestra cómo utilizar funciones JavaFX Script para implementar acciones en programas JavaFX Script.
4. La última entrega, la parte 4, muestra cómo utilizar JavaFX Script para acceder a servicios Web.

Posiblemente digan, ésto ya lo vimos anteriormente, pero les recuerdo que se pueden haber dado muchos cambios desde el momento que los revisamos hasta ahora.

Espero que ésta información sea de su ayuda. Les comparto los links:

Part 1: Exploring JavaFX Script
Part 2: Declarative User interfaces
Part 3: JavaFX Script Functions
Part 4: Accessing a Web Service

Presentar objetos visuales utilizando Scene Graph in JavaFX

Un nuevo ejemplo sobre el lenguaje de programación de scripts JavaFX, llamado Nodes, en donde utiliza un proyecto denominado Scene Graph.

Scene Graph, dentro de una escena, nos permite organizar los objetos gráficos de una manera jerárquica . Scene Graph hace posible aplicar efectos, transformaciones arbitrarias y animaciones, a los objetos gráficos.

Bueno el hecho es que podrán crear aplicaciones que tengan imágenes que roten, reboten, etc y en el ejemplo también verán un panel transparente.

Les comparto los links

Using the Scene Graph to Present Visual Objects in JavaFX Script
Scene Graph