Adobe Flex 4.5 mobile y Adobe AIR 3 en ARFUG

3,938 views

Published on

Mis diapositivas de la reunión del grupo ARFUG (Argentina RIA & Flex User Group) del día 29 de Julio de 2011, donde hablé del framework Adobe Flex 4.5 orientado a móviles y las novedades y nuevas características de Adobe AIR 3.

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

No Downloads
Views
Total views
3,938
On SlideShare
0
From Embeds
0
Number of Embeds
917
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Adobe Flex 4.5 mobile y Adobe AIR 3 en ARFUG

    1. 1. ARFUGFlex 4.5 para móviles y Adobe AIR 3 Mariano A. Carrizo @kiwox | http://www.marianocarrizo.com
    2. 2. AgendaNovedades Flex 4.5Nuevos componentesFlex 4.5 para móvilesDemostración de proyectosAdobe AIR 3
    3. 3. Flex 4.5Soporte TLF 2.0Integración con OSMF 1.0Mejoras al compilador
    4. 4. Spark Form
    5. 5. Spark Image
    6. 6. Spark DataGrid
    7. 7. Flex 4.5 mobile
    8. 8. Componentes mobileControles BusyIndicator (nuevo) Button ButtonBar CheckBox HSlider Image (BitmapImage) Label List (soporte touch) RadioButton / RadioButtonGroup TextArea TextInput
    9. 9. Componentes mobileDistribución (layout) DataGroup Group HGroup Scroller (soporte touch) Spacer TileGroup VGroupCharting Todos son soportados
    10. 10. Flujo mobile
    11. 11. Flash Builder 4.5Asistente para desarrollomobileEditor visual yvisualización pordispositivoSoporte de múltiplesdensidadesDebug en dispositivoPublicación de appsfirmadas
    12. 12. Publicación para móvilesNative Native Native Native App App App App Additional OS’s
    13. 13. Flash Builder para PHP
    14. 14. Adobe AIR mobile Demo
    15. 15. Consideraciones
    16. 16. ConsideracionesSoft Keyboard stage.softKeyboardRect requestSoftKeyboard()Controlar la actividad ACTIVATE DEACTIVATE
    17. 17. GeolocalizaciónGeolocation.isSupportedg.addEventListener(GeolocationEvent.UPDATE, callbackFunction);GeolocationEvent: altitude heading horizontalAccuracy latitude longitude speed timestamp verticalAccuracy
    18. 18. AcelerómetroAccelerometer.isSupporteda.addEventListener(AccelerometerEvent.UPDATE, callbackFunction);AccelerometerEvent: accelerationX accelerationY accelerationZ timestamp
    19. 19. Camara e imágenesCameraUIvar cameraUI:CameraUI = new CameraUI();cameraUI.launch(MediaType.IMAGE);CameraRollvar cameraRoll:CameraRoll = new CameraRoll();cameraRoll.browseForImage();cameraRoll.addBitmapData(bd);
    20. 20. StageWebViewWebStageView.isSupportedvar swv:StageWebView = new StageWebView();swv.viewPort = new Rectangle(0, stage.height - height, width, height);swv.stage = stage;swv.loadURL("http://www.arfug.com.ar");
    21. 21. Eventos táctiles Multitouch.inputMode MultitouchInputMode.TOUCH_POINTMultitouchInputMode.GESTURE TransformGestureEvent TouchEvent GESTURE_PAN TOUCH_BEGIN GESTURE_ROTATE TOUCH_END GESTURE_SWIPE TOUCH_MOVE GESTURE_ZOOM TOUCH_OUT TOUCH_OVER GestureEvent.GESTURE_TWO_FINGER_TAP TOUCH_ROLL_OUT TOUCH_ROLL_OVER PressAndTapGestureEvent.GESTURE_PRESS_AND_TAP TOUCH_TAP
    22. 22. Buenas prácticas<s:MultiDPIBitmapSource source160dpi="@Embed(/assets/imagen160.png)" source240dpi="@Embed(/assets/imagen240.png)" source320dpi="@Embed(/assets/imagen320.png)"/>
    23. 23. Buenas prácticasActionBar #titleDisplay { fontSize: 24pt; }@media (application-dpi: 160){ ActionBar #titleDisplay { fontSize: 18pt; }}@media (application-dpi: 320){ ActionBar #titleDisplay { fontSize: 36pt; }}
    24. 24. Buenas prácticas
    25. 25. Buenas prácticasActionBar { chromeColor: #000000; }@media (os-platform: "Android"){ ActionBar { chromeColor: #999999; /* dark gray */ }}@media (os-platform: "IOS"){ ActionBar { chromeColor: #6DA482; /* blue */ }}
    26. 26. Adobe AIR 3
    27. 27. Adobe AIR 3Stage 3DCodificación H.264/AVCSoporte JSON nativoSoporte para bitmaps >16mpxDisplayObjectContainer.removeChildren()MovieClip.isPlaying
    28. 28. Stage3D
    29. 29. ARFUGFlex 4.5 para móviles y Adobe AIR 3 Mariano A. Carrizo @kiwox | http://www.marianocarrizo.com

    ×