ARFUG
Flex 4.5 para móviles y Adobe AIR 3




            Mariano A. Carrizo
 @kiwox | http://www.marianocarrizo.com
Agenda

Novedades Flex 4.5
Nuevos componentes
Flex 4.5 para móviles
Demostración de proyectos
Adobe AIR 3
Flex 4.5
Soporte TLF 2.0
Integración con OSMF 1.0
Mejoras al compilador
Spark Form
Spark Image
Spark DataGrid
Flex 4.5 mobile
Componentes mobile
Controles
   BusyIndicator (nuevo)
   Button
   ButtonBar
   CheckBox
   HSlider
   Image (BitmapImage)
   Label
   List (soporte touch)
   RadioButton / RadioButtonGroup
   TextArea
   TextInput
Componentes mobile
Distribución (layout)
   DataGroup
   Group
   HGroup
   Scroller (soporte touch)
   Spacer
   TileGroup
   VGroup
Charting
   Todos son soportados
Flujo mobile
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
Publicación para móviles

Native   Native   Native    Native
 App      App      App       App




                           Additional
                             OS’s
Flash Builder para PHP
Adobe AIR mobile
      Demo
Consideraciones
Consideraciones
Soft Keyboard
  stage.softKeyboardRect
  requestSoftKeyboard()

Controlar la actividad
  ACTIVATE
  DEACTIVATE
Geolocalización
Geolocation.isSupported

g.addEventListener(GeolocationEvent.UPDATE, callbackFunction);

GeolocationEvent:
 altitude
 heading
 horizontalAccuracy
 latitude
 longitude
 speed
 timestamp
 verticalAccuracy
Acelerómetro
Accelerometer.isSupported

a.addEventListener(AccelerometerEvent.UPDATE, callbackFunction);

AccelerometerEvent:
 accelerationX
 accelerationY
 accelerationZ
 timestamp
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);
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");
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
Buenas prácticas

<s:MultiDPIBitmapSource
       source160dpi="@Embed('/assets/imagen160.png')"
       source240dpi="@Embed('/assets/imagen240.png')"
       source320dpi="@Embed('/assets/imagen320.png')"/>
Buenas prácticas
ActionBar #titleDisplay { fontSize: 24pt; }

@media (application-dpi: 160)
{
  ActionBar #titleDisplay { fontSize: 18pt; }
}

@media (application-dpi: 320)
{
  ActionBar #titleDisplay { fontSize: 36pt; }
}
Buenas prácticas
Buenas prácticas
ActionBar { chromeColor: #000000; }

@media (os-platform: "Android")
{
  ActionBar { chromeColor: #999999; /* dark gray */ }
}

@media (os-platform: "IOS")
{
  ActionBar { chromeColor: #6DA482; /* blue */ }
}
Adobe AIR 3
Adobe AIR 3
Stage 3D
Codificación H.264/AVC
Soporte JSON nativo
Soporte para bitmaps >16mpx
DisplayObjectContainer.removeChildren()
MovieClip.isPlaying
Stage3D
ARFUG
Flex 4.5 para móviles y Adobe AIR 3




            Mariano A. Carrizo
 @kiwox | http://www.marianocarrizo.com

Adobe Flex 4.5 mobile y Adobe AIR 3 en ARFUG