HOLA MUNDO EN JAVAFX FOR DUMMIES

Una vez instalado el JavaFX listo para usarse hacemos nuestro primer programa, el clsico Hola Mundo. Primero debemos saber que clases vamos a importar, las que nos van a servir para nuestro programa ejemplo son las siguientes: import import import import javafx.scene.Scene; javafx.scene.text.Font; javafx.scene.text.Text; 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 tamao 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 cdigo del programa a manera de bloques para entender mejor lo anterior. import import import import javafx.scene.Scene; javafx.scene.text.Font; javafx.scene.text.Text; javafx.stage.Stage;

Clases que se importaron

Stage { title: "JavaFX for dummies" width: 250 Son atributos de la clase Stage height: 100 scene: Scene { content: [ Text { content: "Hello World!" x:65 Este bloque contiene lo y:35 que se va a mostrar en font: Font { name: "Courier New" la ventana size: 16 } } ] } }

Ya que vimos los bloques del programa, entonces veamos ahora que hace cada lnea del cdigo 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" //Ttulo 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 y:35 //Posicin horizontal donde empieza el texto (por default 0) //Posicin vertical donde empieza el texto (por default 0) //Clase Font que es el tipo de letra para el mensaje de texto en la ventana

font: Font {

name: "Courier New" //Nombre de la fuente size: 16 //Tamao de la fuente } } ] } } Una vez capturado el cdigo en algn editor de textos, guardamos el archivo con la extensin FX, ejemplo: holamundo.fx Para compilar el programa utilizamos la lnea 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 cdigo del programa, se muestra una tabla la cual muestra algunos detalles importantes.

Variable Summary
access public name content type Node[] Can Read Can Init Can Write Default Value empty description The array of Nodes to be rendered on this Scene. Defines the mouse cursor for this Scene. If null, then the 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 transparency are supported, but what is painted behind it will depend on the platform. The default value is the color white. The height of this Scene The Stage for this Scene A series string urls linking to the stylesheets to use with this scene's contents. The width of this Scene The horizontal location of this Scene on the Stage. The vertical location of this Scene on the Stage.

public

cursor

Cursor

null

public

fill

Paint

WHITE

public-init public-read public public-init public-read public-read

height stage stylesheets width x y

Number Stage String[] Number Number Number