HOLA MUNDO EN JAVAFX FOR DUMMIES

Una vez instalado el JavaFX listo para usarse hacemos nuestro primer programa, el clásico Hola
Mundo.

Primero debemos saber que clases vamos a importar, las que nos van a servir para nuestro
programa ejemplo son las siguientes:

import javafx.scene.Scene;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;

import javafx.scene.Scene: La clase Scene es para una escena en el Stage.

import javafx.scene.text.Font: La clase Font es para especificar el tipo de letra y tamaño de la

fuente que se muestra en la ventana.

import javafx.scene.text.Text: La clase Text es la que muestra los mensajes en la ventana.

import javafx.stage.Stage: La clase Stage es el contenedor del script FX:

import javafx.scene.Scene;
Stage {
...
}

Ahora veamos el código del programa a manera de bloques para entender mejor lo anterior.

import javafx.scene.Scene;
import javafx.scene.text.Font;
import javafx.scene.text.Text; Clases que se importaron
import javafx.stage.Stage;

Stage {
title: "JavaFX for dummies"
width: 250
height: 100 Son atributos de la clase Stage
scene: Scene {
content: [
Text {
content: "Hello World!"
x:65
y:35 Este bloque contiene lo
font: Font { que se va a mostrar en
name: "Courier New" la ventana
size: 16
}
}
]
}
}
Ya que vimos los bloques del programa, entonces veamos ahora que hace cada línea del código
para su total entendimiento.

import javafx.scene.Scene; //Importa la clase Scene

import javafx.scene.text.Font; //Importa la clase Font
import javafx.scene.text.Text; //Importa la clase Text
import javafx.stage.Stage; //Importa la clase Stage
Stage { //Clase Stage (crea la ventana)
title: "JavaFX for dummies" //Título de la ventana
width: 250 //Ancho de la ventana
height: 100 //Altura de la ventana
scene: Scene { //Clase Scene (crea la escena para el Stage)
content: [ //Comienza el contenido de la clase Scene
Text { //Clase Text (muestra el texto en la
ventana)

content: "Hello World!" //Mensaje que se aparecerá

en la ventana

x:65 //Posición horizontal donde empieza el

texto (por default 0)

y:35 //Posición vertical donde empieza el

texto (por default 0)

font: Font { //Clase Font que es el tipo de

letra para el mensaje de texto
en la ventana

name: "Courier New" //Nombre de la fuente

size: 16 //Tamaño de la fuente
}
}
]
}
}

Una vez capturado el código en algún editor de textos, guardamos el archivo con la extensión FX,
ejemplo:

holamundo.fx

Para compilar el programa utilizamos la línea de comandos y nos ubicamos en la carpeta donde
está guardado en archivo holamundo.fx y tecleamos lo siguiente:

javafxc holamundo.fx

Por último para ejecutar tecleamos lo siguiente:

javafx holamundo.fx
La salida del programa es la siguiente:

Como referencia del los atributos usados en el código del programa, se muestra una tabla la cual
muestra algunos detalles importantes.

Variable Summary
Can Can Can Default
access name type description
Read Init Write Value
The array of Nodes to be
public content Node[] empty
rendered on this Scene.
Defines the mouse cursor for
this Scene. If null, then the
public cursor Cursor null
default system cursor will be
used
Defines the background fill of
this Scene. Both a null
value meaning paint no
background and a
javafx.scene.paint.Paint with
public fill Paint WHITE transparency are supported,
but what is painted behind it
will depend on the platform.

The default value is the color

white.
public-init height Number The height of this Scene
public-read stage Stage The Stage for this Scene
A series string urls linking to
public stylesheets String[] the stylesheets to use with
this scene's contents.
public-init width Number The width of this Scene
The horizontal location of this
public-read x Number
Scene on the Stage.
The vertical location of this
public-read y Number
Scene on the Stage.