Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video)


Wikipedia: JavaFX es una familia de productos y tecnologías de Sun Microsystems, adquirida por Oracle Corporation, para la creación de Rich Internet Applications (RIAs), esto es, aplicaciones web que tienen las características y capacidades de aplicaciones de escritorio, incluyendo aplicaciones multimedia interactivas. Las tecnologías incluidas bajo la denominación JavaFX son JavaFX Script y JavaFX Mobile, aunque hay más productos JavaFX planeados.

En este tutorial se va a desarrollar una pequeña aplicación en modo de ejemplo de como utilizar las herramientas para la creación de interfaces gráficas con JavaFX. Estas herramientas son; el IDE "Netbeans" y la herramienta "Scene Builder" para la creación de forma gráfica de la interfaces, la cual generara como resultado un fichero XML (FXML) que sera la clase "Vista" dentro del patrón MVC (Modelo-Vista-Controlador). Las interfaces en JavaFX tambien se pueden realizar a traves de código como se hacia en Swing y AWT pero esta forma que se explica en el video tutorial es una forma mas facil de hacer (que para nada significa que sea mejor que las demás).

La interfaz gráfica realizada en este ejemplo tiene la siguiente forma:

El proyecto realizado en el video tutorial lo podeis descargar de AQUI.

El Netbeans os lo podeis descargar desde AQUI.

El Scene Builder os lo podeis descargar de AQUI. (A fecha de Noviembre del 2012 se recomienda descargar la version 1.0).

Podeis ver ejemplos de lo que se puede hacer con JavaFX en la siguiente pagina pulsando AQUI. Estos ejemplo estas hechos con código no con FXML, aunque con un poco de practica es facil realizarlos en FXML.

En el siguiente video se muestra el proceso de como crear y realizar un proyecto en JavaFX con las herramientas mencionadas:

Comparte esta entrada en:
Safe Creative #1401310112503
Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video) por "www.jarroba.com" esta bajo una licencia Creative Commons
Reconocimiento-NoComercial-CompartirIgual 3.0 Unported License.
Creado a partir de la obra en www.jarroba.com

10 comentarios en “Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video)”

  1. Hola muy buen curso,

    Disculpa tengo una duda, estoy generando una app que utiliza botones, y uno de los botones el onAction="#btnplay" este me marca el siguiente error "no controller element specified for top level element"  en otra clase creo el siguiente metodo public void btnplay (ActionEvent event) pero sigue marcando el error en el fxml en la parte del onAction ya intente poniedo @FXML  antes del metodo btnplay y sin el @FXML algo que crees que pueda ser?

    De antemano muchas gracias

     

    Saludos!

  2. Muy buen tutorial, me ayudó mucho pero ahora necesito mas material tan bueno como éste para seguir avanzando. Donde puedo encontrar mas tutoriales de ustedes de JavaFX con Scene Builder.

    1. Hola Sneyder. Sobre recomendarte mas material no sabría decirte. Todo lo que publicamos aqui en esta web son cosas que vamos aprendiendo por nuestra cuenta y las intentamos contar de la mejor manera posible. Yo la verdad que no he encontrado nada concreto que me sea de utilidad con JavaFx y SceneBuilder. Donde si he encontrado algunos ejemplos (y no muchos) en el la web de Oracle en su apartado de JavaFX. Buscalo en google y te aparecerá. Siento no serte de más ayuda.
      SL2

  3. Hola. Disculpa como seria para poder tener un menu vertical en el cual cada boton cargue diferente contenido en la misma ventana?

  4. Hola jarroba,muchas gracias por el video,porfavor quisiera que me ayudes,no comprendo la instalacion del scenebuilder,lo eh descargado y instalado se guardo en archivoprograma->oracle->scenebuilder , lo que quisiera saber es como haces para k el archivo FXml cuando le das doble click salga automaticamente el scenebuilder,disculpa las molestias soy nuevo en esto.

    1. Hola Victor.
      A lo que preguntas si que no lo se con certeza. Si trabajas con NetBeans te debería salir automaticamente. Yo no hice absolutamente nada especial para que eso ocurriese. Por otro lado prueba a poner que los ficheros con extensión “.fxml” se abran con el programa del sceneBuilder que igual eso es lo que te falla, pero ya te digo que lo que preguntas no lo se con certeza. Lo siento
      SL2

  5. Hola Jose, La verdad que no se de ningun ORM concreto para javafx, pero al fin y al cabo el fichero FXML representa a la vista en el patron “MVC” por tanto esa clase no maneja datos y el resto de clases que si manejan datos son ficheros “.java” asi que ahi puedes utilizar por ejemplo el Hibernate para Java que ese si le conozco. Ya te digo salvo el fichero FXML que es “un poco especial” el resto es igual que siempre y no requiere ningun trato especial.

    Espero haberte ayudado. Cualquier otra duda nos dices.

    SL2

  6. Excelente tutorial me ayudo bastante. Muchas gracias.

    Sabes de algún ORM que se pueda implementar en los proyectos javafxFxml

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies

ACEPTAR
Aviso de cookies