El documento habla sobre Apache Flex, un framework open source para construir aplicaciones móviles, de escritorio y web usando ActionScript. Adobe Flash Builder es una herramienta de desarrollo basada en Eclipse para crear aplicaciones Flex. El documento también cubre temas como componentes, servicios HTTP, navegación entre vistas, multi-resolución y gestos en aplicaciones Flex móviles.

1. @flashinstructor
Joel Eduardo Ortíz González
Adobe Certified Instructor & Adobe Certified Expert /TK8925

2. Apache Flex es un poderoso framework open source que permite la
construcción de aplicaciones móviles iOS, Android™, and BlackBerry® Tablet
OS, así como también de aplicaciones de escritorio y web, usando el mismo
modelo de programación, herramientas y código base.
Adobe® Flash® Builder® 4.6 es una herramienta de desarrollo basada en
Eclipse™ para la construcción rápida de aplicaciones móviles, web y de
escritorio usando ActionScript® y el framework open source Flex.

3. Crear un proyecto Flex Mobile

4. Componentes Hero

5. HTTPServices
• Podemos usar un componente HTTPService con cualquier tipo de tecnología
del lado del servidor incluyendo paginas en PHP, ColdFusion, Javaserver
(JSPs), Java servlets, Ruby on Rails y Microsoft ASP. De forma adicional, se
pude usar HTTPService para acceder a servicios web REST.
• Ejemplo:
<s:HTTPService id="userRequest"
url="http://myserver/myproj/request_post2.php"
useProxy="false"
method="POST" />

6. ItemRenderers - IconItemRender
• Muchos componentes de Flex usan items renderers para definir como se
desplegaran los datos relacionados al componente.
• A partir de la versión 4.5 de flex se incluye el IconItemRender el cual esta
optimizado para ser usado en dispositivos móviles

7. IconItemRenderer
• Ejemplo:
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer>
<fx:Script>
<![CDATA[ AS3 ]]>
</fx:Script>
</s:IconItemRenderer>
</fx:Component>
</s:itemRenderer>

8. Navegación entre Views
• pushView() agregamos un nuevo view pasando como parámetro el nombre
de la clase que deseamos desplegar.
• popView() elimina el view actual de la pila y nos regresa al view previamente
desplegado.
Push Push
View A View B View C
Pop Pop

9. Multi-resolución
• Flex tiene soporte para
las diversas
clasificaciones de DPI.
• Los dispositivos vienen
en una amplia gama de
densidades, Flex
agrupa estas
densidades en
categorías; por
ejemplo, para 238 o
249 DPI esencialmente
equivalen a un
dispositivo de 240 DPI.

10. Gestos
• Ejemplo:
<s:View
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
title="Home"
viewActivate="init(event)"
gestureSwipe="regresarHome(event)">
function regresarHome(event:TransformGestureEvent):void
{
if(event.offsetX==1)
{
navigator.popView();
}
}

11. Riviera Maya
Adobe® User Group
@rivieramayaug @13tags
/Adovader 13tags.com
www.adobe.com/devnet-apps/flex/free/index.html
@flashinstructor /TK8925