Hola Mundo con JavaFX en Netbeans – Primer Programa – Tutorial

Hola Mundo con JavaFX en Netbeans – Primer Programa – Tutorial

Hola Mundo con JavaFX en Netbeans – Primer Programa – Tutorial
5 (100%) 1 voto

En este Articulo veremos como crear nuestro Hola Mundo con JavaFX en Netbeans y realizaremos nuestro primer programa en esta plataforma, pero para empezar veremos que es JavaFX. JavaFX es una plataforma para la creacion de aplicaciones Rich Internet Applications(RIAs) que puede correr en gran variedad de dispositivos, te permite crear aplicaciones de escritorio, para celulares, la web, para la television, consola de videojuegos, reproductores Blu-ray, entre otras. JavaFX tiene muchas ventajas como:

  • Permite que los usuario puedan ver la aplicacion en el navegador o si lo prefieren puedan arrastrarla a su escritorio.
  • Permite una mejor separacion entre el trabajo de desarrollo de interfaz grafica y proceso interno.
  • Permite el uso de todas las librerias java en una aplicacion FX.
  • Permite que los desarrolladores puedan usar graficos vectoriales, animaciones y una interactividad con el usuario muy compleja.

Requerimientos:

Desarrollo

Vamos a Netbeans y creamos un nuevo proyecto J en File -> New Project -> Categories JavaFX -> Projects JavafX Application

hola mundo con javafx en netbeans 1

Escribimos el nombre y terminamos, yo lo llame HolaMundoConJavaFX …
Ahora se a creado un programa basico de javaFX que si lo ejecutamos veremos esto
hola mundo con javafx en netbeans 2

Ahora nosotros vamos a hacer algo mas vistoso y veremos como crear un archivo CSS para modificar mas facil la interfaz grafica…
Borramos el metodo start y escribimos lo siguiente:

y veremos la siguiente interfaz al ejecutar nuestro proyecto:

hola mundo con javafx en netbeans 3

Ahora vamos a agregar estilo a nuestra interfaz para lo cual necesitamos primero agregar la siguiente imagen a la carpeta src/holamundoconjavafx/
hola mundo con javafx en netbeans background

quedara asi:
hola mundo con javafx en netbeans 5

el archivo style.css que ves ahi lo agregamos de la siguiente manera, boton derecho sobre nuestro paquete -> New -> Other -> Categories Other -> File Types Cascading Style Sheet
Este archivo style.css contendra el estilo de nuestra interfaz, y contendra lo siguiente:

Ahora solo falta decirle a nuestro programa que utilize este archivo para darle estilo a nuestra interfaz, buscamos las siguientes lineas en nuestro metodo start

y agregamos la linea que nos permitira indicarle que utilize nuestro hoja de estilos

Ahora al Ejecutar veremos el resultado:

hola mundo con javafx en netbeans final

Resultado


Suscríbete!

Suscríbete a nuestra lista de correo y recíbe los últimos contenidos directamente en tu bandeja de correo electrónico, puedes elegir únicamente de que categoria del blog quieres recibir contenido.

Suscríbeme

Hola Mundo con JavaFX en Netbeans – Primer Programa – Tutorial
5 (100%) 1 voto

5
Dejar un comentario

avatar
2 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
Jonathan MelgozacosmesoftmafyJonathan Melgoza Recent comment authors
  Subscribe  
Notify of
cosme
Guest
cosme

Que tal Jonathan, excelente articulo en este momento estoy migrando mi swing a Java FX,

softmafy
Guest
softmafy

Muy buen artículo, ¿tendrás algún documento en el que se puedan consultar las funciones de css para aplicar a los formularios?.
SoftMAS.

Jonathan Melgoza
Guest
Jonathan Melgoza

Hola softmafy

La verdad no tengo ningun documento pero puedes basarte en la guia de Referencia de JavaFx – Css online aunque en Ingles pero bastante completa 😛

http://docs.oracle.com/cd/E17802_01/javafx/javafx/1.3/docs/api/javafx.scene/doc-files/cssref.html

Saludos!

softmafy
Guest
softmafy

Muchas gracias.