Socrates

Diseño Grado 11
GUIA 4. Usar Sintaxis Declarativa

Tomado
de
“Lesson
2:
Using
Declarative
http://download.oracle.com/javafx/1.3/tutorials/ui/syntax/index.html

Syntax”

de

¿Está familiarizado con la programación declarativa? El lenguaje de programación JavaFX Script
utiliza este estilo sencillo pero potente codificación. Esta lección te muestra lo fácil que es usar
comandosdeclarativa mediante la creación de una sencilla aplicación con interfaz gráfica.
Contenido
- Introducción de las importaciones necesarias
- Creación de una ventana de aplicación
- Ajuste de la escena
- Creación de un Círculo
- Creación de un rectángulo
- Ejecutar el Ejemplo
- Cambiar el Código y Ejecutar el Ejemplo

JavaFX Script utiliza un enfoque declarativo a la programación. Declararresulta muy práctico
cuando se crea la interfaz de usuario de una aplicación, porque la estructura de los objetos
declarados en el código refleja la estructura visual de la gráfica de escena, y este refuerzo le
permite entender y mantener el código fácilmente. Para ayudarle a entender este planteamiento,
en esta lección siguen un proceso paso a paso para crear una muestra de JavaFX Scriptaplicación
que hace un círculo y un rectángulo redondeado en la parte superior del círculo. Ambos objetos se
colocan
en
una
ventana
titulada
"Declarar
es
fácil!"
La aplicación se crea con el perfil API común y se puede ejecutar tanto en dispositivos móviles y en
aplicaciones de escritorio.

La
siguiente
ventana
se
muestra
- Cambiar el Código y Ejecutar el Ejemplo

Leila Natalia DiazSalcedo

cuando

se

ejecuta

la

aplicación.

Página 1

Diseño Grado 11

Adición de las importaciones necesarias
Mediante el uso de los pasos siguientes, usted aprenderá cómo utilizar enunciados declarativos
mientras genera la aplicación. Cree un archivo con una extensión fx., Por ejemplo, Declaring.fx.
Evite el uso de nombres de los archivos que coinciden con los nombres delas clases existentes, las
variables de instancia, o palabras reservadas porque este tipo de significado conduce a errores
durante la compilación. Para obtener más información acerca de las clases existentes, variables y
palabras reservadas, vea API de JavaFX Script y el aprendizaje del lenguaje de programación JavaFX
Script.
Añada las importaciones al archivo .fx para garantizar que laaplicación puede acceder a las clases
necesarias.

Leila Natalia Diaz Salcedo

Página 2

Diseño Grado 11
Creación de una ventana de aplicación
Para

mostrar

los

gráficos,

en

primer

lugar

cree

una

ventana.

Nota: Para la versión móvil de la solicitud, este paso es necesario para definir la escena.
Especifique el objeto literal Stage y la variable title.

Lapalabra a la izquierda de los dos puntos: title se llama una variable de instancia. Consulte la
documentación de la etapa para obtener una lista completa de variables disponibles. title pone
"Declarar es fácil" frase en el borde superior de la ventana en caso de ejecutar el ejemplo de la
plataforma de escritorio.

Ajuste de la escena
Dentro de la etapa, se establece la escena para contener objetosde nodo, como un círculo o un
rectángulo. Crear una escena utilizando el siguiente código:

La escena es una zona de la raíz donde se colocan los objetos del tipo de nodo. Muchos tipos
diferentes de nodos se pueden colocar en una escena, como objetos gráficos, texto, y los
componentes GUI.
La escena tiene un contenido variable que se utiliza para mantener los nodos. Su anchura y alturavariables se utilizan para especificar las dimensiones de la escena en píxeles. Este paso es
necesario sólo para la versión de escritorio del ejemplo para especificar las dimensio nes de la
ventana de la aplicación.
Leila Natalia Diaz Salcedo

Página 3

Diseño Grado 11
Cuando se ejecuta el código que han definido hasta ahora, verá la siguiente ventana.

Nota: El contenido de las ventanas...