Joel Eduardo Ortíz GonzálezAdobe Certified Instructor & Adobe Certified Expert

@flashinstructor

/TK8925

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.

Crear un proyecto Flex Mobile

Componentes Hero

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" />

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

IconItemRenderer

• Ejemplo:

<s:itemRenderer><fx:Component><s:IconItemRenderer><fx:Script><![CDATA[ AS3 ]]>

</fx:Script></s:IconItemRenderer>

</fx:Component></s:itemRenderer>

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.

View A View B View C

Push Push

Pop Pop

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.

Gestos

• Ejemplo:

function regresarHome(event:TransformGestureEvent):void{if(event.offsetX==1){navigator.popView();

}}

<s:Viewxmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="library://ns.adobe.com/flex/spark"title="Home"viewActivate="init(event)"gestureSwipe="regresarHome(event)">

www.adobe.com/devnet-apps/flex/free/index.html@flashinstructor

Riviera MayaAdobe® User Group

/TK8925

@rivieramayaug

/Adovader

@13tags

13tags.com