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;

import javafx.stage.Stage;

Stage {

title: "JavaFX for dummies"

width: 250

height: 100

scene: Scene {

content: [

Text {

content: "Hello World!"

x:65

y:35

font: Font {

name: "Courier New"

size: 16

}

}

]

}

}

Son atributos de la clase Stage

Este bloque contiene lo

que se va a mostrar en

la ventana

Clases que se importaron

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

access name type Can Read

Can Init

Can Write

Default Value

description

public content Node[] empty The array of Nodes to be

rendered on this Scene.

public cursor Cursor null

Defines the mouse cursor for

this Scene. If null, then the

default system cursor will be used

public fill Paint WHITE

Defines the background fill of this Scene. Both a null

value meaning paint no background and a javafx.scene.paint.Paint with 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

public stylesheets String[] A series string urls linking to the stylesheets to use with this scene's contents.

public-init width Number The width of this Scene

public-read x Number The horizontal location of this Scene on the Stage.

public-read y Number The vertical location of this

Scene on the Stage.