PDF (adobe.com)

Creación de prototipos de aplicaciones Flex

El proceso de creación de prototipos para Flex es similar al flujo de trabajo utilizado para los sitios Web y las interfaces de software. (Consulte Flujo de trabajo de creación de prototipos.) Con Fireworks, puede arrastrar componentes de Flex al lienzo, especificar sus propiedades y exportar la interfaz de usuario resultante a MXML. Puede mejorar esa interfaz de usuario en Flex Builder.

1. Crear una interfaz de usuario de Flex

Con el panel Páginas, cree el número deseado de pantallas de la interfaz para el diseño inicial.

2. Insertar componentes de diseño de Flex en la disposición

En el lienzo, inserte componentes de Flex de la carpeta Flex en el panel Biblioteca común. Estos símbolos de componente funcionan específicamente con la exportación de MXML para asegurar la obtención de los resultados esperados. Al exportar el documento como MXML, cada símbolo se convierte en su etiqueta MXML respectiva. Los objetos no se reconocen como componentes de Flex sino que en su lugar se exportan como mapas de bits, que se vinculan a MXML mediante una etiqueta <mx:Image>. (Consulte Crear y utilizar símbolos de componente.)
Cuando se edita un componente de diseño de Flex en Fireworks, se puede copiar el código XML modificado en el proyecto de Flex. De esta forma se ahorra tiempo al replicar el comportamiento del componente modificado en el proyecto.

Los símbolos de cursor, barra de desplazamiento, ficha y consejo de herramienta se ignoran en la salida de MXML, ya que estos elementos no tienen una traducción directa de Fireworks a MXML. Por ejemplo, el símbolo de barra de desplazamiento aparece automáticamente en las instancias del contenedor de Flex cuando se puede desplazar por el contenido. En Fireworks, estos símbolos sólo sirven de indicadores del funcionamiento de las partes de un diseño de interfaz.

Nota: las divisiones de imagen, rollovers y las zonas interactivas sólo se aplican a los prototipos basados en HTML. Evite estos objetos Web cuando cree prototipos de Flex.

3. Compartir componentes de Flex comunes en varias páginas

Cuando se comparte un único componente de Flex en varias páginas, un único cambio actualiza automáticamente todas las páginas (o pantallas) afectadas. Puede utilizar una página maestra para compartir todos los componentes de Flex que contenga o compartir las capas para copiar subconjuntos de componentes. (Consulte Utilizar una página maestra y Compartir capas).

4. Especificar propiedades para los componentes de Flex

En el panel Propiedades de símbolo (Ventana > Propiedades de símbolo), especifique las propiedades y los eventos de cada componente de Flex insertado en el lienzo.

5. Exportar la disposición de Flex a MXML

Exporte la disposición de la interfaz de usuario de Flex y abra el archivo MXML resultante en Flex. Fireworks exporta el MXML necesario manteniendo todos los estilos y la posición absoluta. Los desarrolladores de Flex pueden utilizar esta interfaz sin tener que volver a crear la disposición en Flex.