---
title: Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video)
url: https://jarroba.com/introduccion-a-interfaces-graficas-con-javafx-y-scenebuilder-video/
author: Richard [Admin Jarroba]
date: 2012-11-02
modified: 2026-10-21
language: es
license: CC BY-NC-SA 3.0 (https://creativecommons.org/licenses/by-nc-sa/3.0/) — attribution: "Introducción a Interfaces Gráficas con JavaFX y SceneBuilder (Video)", Richard [Admin Jarroba], jarroba.com
categories: Lenguajes de Programación
repository: https://github.com/jarroba/PruebaJavaFXjarroba
---

# 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:

 

[![Captura de la interfaz JavaFX de ejemplo: campos Nombre y Apellido, año de nacimiento, botón Mostrar y los datos introducidos](https://jarroba.com/wp-content/uploads/2012/11/Ejemplo-JavaFX-jarroba.png)](https://jarroba.com/wp-content/uploads/2012/11/Ejemplo-JavaFX-jarroba.png)

 

El proyecto realizado en el video tutorial lo podeis descargar de [AQUI](https://github.com/jarroba/PruebaJavaFXjarroba).

 

El Netbeans os lo podéis descargar desde [AQUI](http://netbeans.org/downloads/).

 

El Scene Builder os lo podéis descargar de [AQUI](http://www.oracle.com/technetwork/java/javafx/overview/index.html). (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](http://download.oracle.com/otndocs/products/javafx/2.0.2/samples/Ensemble/index.html#SAMPLES). 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: