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:
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!
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.
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
Hola. Disculpa como seria para poder tener un menu vertical en el cual cada boton cargue diferente contenido en la misma ventana?
Para eso te tendrías que mirar los elementos que tiene javaFX y sacar tu la lógica de la aplicación. Asi de primeras no se decirte.
SL2
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.
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
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
Excelente tutorial me ayudo bastante. Muchas gracias.
Sabes de algún ORM que se pueda implementar en los proyectos javafxFxml
Muy buen tutorial, te felicito gracias