Flex Mobile

696 visualizaciones

Publicado el

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
696
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
12
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

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

×