Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video)
Video tutorial para crear una interfaz gráfica con JavaFX usando NetBeans y Scene Builder, que genera un archivo FXML como Vista del patrón MVC.
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 cómo 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 las interfaces, la cual generará como resultado un fichero XML (FXML) que será la clase «Vista» dentro del patrón MVC (Modelo-Vista-Controlador). Las interfaces en JavaFX también se pueden realizar a través de código como se hacía en Swing y AWT pero esta forma que se explica en el video tutorial es una forma más fácil 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 podéis descargar desde AQUI.
El Scene Builder os lo podéis descargar de AQUI. (A fecha de Noviembre del 2012 se recomienda descargar la versión 1.0).
Podéis ver ejemplos de lo que se puede hacer con JavaFX en la siguiente página pulsando AQUI. Estos ejemplos están hechos con código no con FXML, aunque con un poco de práctica es fácil realizarlos en FXML.
En el siguiente vídeo se muestra el proceso de como crear y realizar un proyecto en JavaFX con las herramientas mencionadas:
«Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video)», de Ricardo Moya en jarroba.com, con licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0. Obra registrada en Safe Creative.
Te puede interesar
Tablas con JavaFX y FXML (Video)
Videotutorial sobre cómo trabajar con una tabla en JavaFX y FXML: un sencillo ejemplo para añadir, modificar y eliminar tuplas, con NetBeans y Scene Builder.
Pintar Funciones en JavaFX (LineChart)
Aprende a dibujar las funciones f(x)=x hasta x^5 en JavaFX con un LineChart: diseño de la vista en SceneBuilder, controlador y método que genera los puntos.
Comentarios (10)
-
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
Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.
Deja un comentario