20.11.2012 Views

Creación de aplicaciones de Adobe AIR

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

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

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

Las <strong>aplicaciones</strong> <strong>de</strong> <strong>AIR</strong> <strong>de</strong> 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 />

<strong>de</strong> título y un botón <strong>de</strong> 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 <strong>de</strong>ntro <strong>de</strong> la etiqueta WindowedApplication), establezca la<br />

propiedad text <strong>de</strong>l componente Label en "Hello <strong>AIR</strong>" y <strong>de</strong>fina restricciones <strong>de</strong> 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 <strong>de</strong> estilo inmediatamente <strong>de</strong>spués <strong>de</strong> la etiqueta inicial WindowedApplication y antes <strong>de</strong><br />

la etiqueta <strong>de</strong>l 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 <strong>de</strong> estilo se aplica a toda la aplicación y se procesa el fondo <strong>de</strong> la ventana con un gris ligeramente<br />

transparente.<br />

El código <strong>de</strong> 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!