19.11.2012 Views

Building Adobe AIR Applications

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

CREACIÓN DE APLICACIONES DE ADOBE <strong>AIR</strong><br />

Creación de su primera aplicación de <strong>AIR</strong><br />

Las aplicaciones de <strong>AIR</strong> de Flex en el escritorio se incluyen en la etiqueta MXML WindowedApplication. La etiqueta<br />

MXML WindowedApplication crea una sencilla ventana que incluye controles básicos como, por ejemplo, una barra<br />

de título y un botón de cierre.<br />

1 Añada un atributo title al componente WindowedApplication y asígnele el valor "Hello World":<br />

<br />

<br />

<br />

2 Añada un componente Label a la aplicación (sitúelo dentro de la etiqueta WindowedApplication), establezca la<br />

propiedad text del componente Label en "Hello <strong>AIR</strong>" y defina restricciones de diseño para mantenerlo centrado,<br />

tal y como se muestra a continuación:<br />

<br />

<br />

<br />

<br />

3 Añada el siguiente bloque de estilo inmediatamente después de la etiqueta inicial WindowedApplication y antes de<br />

la etiqueta del componente label introduzca:<br />

<br />

@namespace s "library://ns.adobe.com/flex/spark";<br />

s|WindowedApplication<br />

{<br />

skinClass:ClassReference("spark.skins.spark.SparkChromeWindowedApplicationSkin");<br />

background-color:#999999;<br />

background-alpha:"0.7";<br />

}<br />

<br />

Esta configuración de estilo se aplica a toda la aplicación y se procesa el fondo de la ventana con un gris ligeramente<br />

transparente.<br />

El código de la aplicación presenta en este momento el siguiente aspecto:<br />

Última modificación 30/10/2012<br />

23

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!