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.

1. ARFUG
Flex 4.5 para móviles y Adobe AIR 3
Mariano A. Carrizo
@kiwox | http://www.marianocarrizo.com

2. Agenda
Novedades Flex 4.5
Nuevos componentes
Flex 4.5 para móviles
Demostración de proyectos
Adobe AIR 3

3. Flex 4.5
Soporte TLF 2.0
Integración con OSMF 1.0
Mejoras al compilador

4. Spark Form

5. Spark Image

6. Spark DataGrid

7. Flex 4.5 mobile

8. Componentes mobile
Controles
BusyIndicator (nuevo)
Button
ButtonBar
CheckBox
HSlider
Image (BitmapImage)
Label
List (soporte touch)
RadioButton / RadioButtonGroup
TextArea
TextInput

9. Componentes mobile
Distribución (layout)
DataGroup
Group
HGroup
Scroller (soporte touch)
Spacer
TileGroup
VGroup
Charting
Todos son soportados

10. Flujo mobile

11. Flash Builder 4.5
Asistente para desarrollo
mobile
Editor visual y
visualización por
dispositivo
Soporte de múltiples
densidades
Debug en dispositivo
Publicación de apps
firmadas

12. Publicación para móviles
Native Native Native Native
App App App App
Additional
OS’s

13. Flash Builder para PHP

14. Adobe AIR mobile
Demo

15. Consideraciones

16. Consideraciones
Soft Keyboard
stage.softKeyboardRect
requestSoftKeyboard()
Controlar la actividad
ACTIVATE
DEACTIVATE

17. Geolocalización
Geolocation.isSupported
g.addEventListener(GeolocationEvent.UPDATE, callbackFunction);
GeolocationEvent:
altitude
heading
horizontalAccuracy
latitude
longitude
speed
timestamp
verticalAccuracy

18. Acelerómetro
Accelerometer.isSupported
a.addEventListener(AccelerometerEvent.UPDATE, callbackFunction);
AccelerometerEvent:
accelerationX
accelerationY
accelerationZ
timestamp

19. Camara e imágenes
CameraUI
var cameraUI:CameraUI = new CameraUI();
cameraUI.launch(MediaType.IMAGE);
CameraRoll
var cameraRoll:CameraRoll = new CameraRoll();
cameraRoll.browseForImage();
cameraRoll.addBitmapData(bd);

20. StageWebView
WebStageView.isSupported
var 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. Eventos táctiles
Multitouch.inputMode
MultitouchInputMode.TOUCH_POINT
MultitouchInputMode.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. Buenas prácticas
<s:MultiDPIBitmapSource
source160dpi="@Embed('/assets/imagen160.png')"
source240dpi="@Embed('/assets/imagen240.png')"
source320dpi="@Embed('/assets/imagen320.png')"/>

23. Buenas prácticas
ActionBar #titleDisplay { fontSize: 24pt; }
@media (application-dpi: 160)
{
ActionBar #titleDisplay { fontSize: 18pt; }
}
@media (application-dpi: 320)
{
ActionBar #titleDisplay { fontSize: 36pt; }
}

24. Buenas prácticas

25. Buenas prácticas
ActionBar { chromeColor: #000000; }
@media (os-platform: "Android")
{
ActionBar { chromeColor: #999999; /* dark gray */ }
}
@media (os-platform: "IOS")
{
ActionBar { chromeColor: #6DA482; /* blue */ }
}

26. Adobe AIR 3

27. Adobe AIR 3
Stage 3D
Codificación H.264/AVC
Soporte JSON nativo
Soporte para bitmaps >16mpx
DisplayObjectContainer.removeChildren()
MovieClip.isPlaying

28. Stage3D

29. ARFUG
Flex 4.5 para móviles y Adobe AIR 3
Mariano A. Carrizo
@kiwox | http://www.marianocarrizo.com