@flashinstructorJoel Eduardo Ortíz González Adobe Certified Instructor & Adobe Certified Expert   /TK8925
Apache Flex es un poderoso framework open source que permite laconstrucción de aplicaciones móviles iOS, Android™, and Bla...
Crear un proyecto Flex Mobile
Componentes Hero
HTTPServices• Podemos usar un componente HTTPService con cualquier tipo de tecnología  del lado del servidor incluyendo pa...
ItemRenderers - IconItemRender• Muchos componentes de Flex usan items renderers para definir como se  desplegaran los datos...
IconItemRenderer• Ejemplo:      <s:itemRenderer>       <fx:Component>         <s:IconItemRenderer>          <fx:Script>   ...
Navegación entre Views• pushView() agregamos un nuevo view pasando como parámetro el nombre  de la clase que deseamos desp...
Multi-resolución• Flex tiene soporte para  las diversas  clasificaciones de DPI.• Los dispositivos vienen  en una amplia ga...
Gestos• Ejemplo: <s:View xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" title="Home"...
Riviera MayaAdobe® User Group     @rivieramayaug                           @13tags     /Adovader                          ...
Upcoming SlideShare
Loading in...5
×

Flex Mobile

563

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
563
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Flex Mobile

  1. 1. @flashinstructorJoel Eduardo Ortíz González Adobe Certified Instructor & Adobe Certified Expert /TK8925
  2. 2. Apache Flex es un poderoso framework open source que permite laconstrucción de aplicaciones móviles iOS, Android™, and BlackBerry® TabletOS, así como también de aplicaciones de escritorio y web, usando el mismomodelo de programación, herramientas y código base.Adobe® Flash® Builder® 4.6 es una herramienta de desarrollo basada enEclipse™ para la construcción rápida de aplicaciones móviles, web y deescritorio usando ActionScript® y el framework open source Flex.
  3. 3. Crear un proyecto Flex Mobile
  4. 4. Componentes Hero
  5. 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. 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. 7. IconItemRenderer• Ejemplo: <s:itemRenderer> <fx:Component> <s:IconItemRenderer> <fx:Script> <![CDATA[ AS3 ]]> </fx:Script> </s:IconItemRenderer> </fx:Component> </s:itemRenderer>
  8. 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. 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. 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. 11. Riviera MayaAdobe® User Group @rivieramayaug @13tags /Adovader 13tags.comwww.adobe.com/devnet-apps/flex/free/index.html @flashinstructor /TK8925
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×