flex mobile
DESCRIPTION
TRANSCRIPT
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