The document is a guide on developing Android applications using Adobe Flash CS5 and AIR, discussing various aspects such as ergonomics, device setup, gestures, geolocation, and SQLite support. It covers development guidelines, best practices for graphics and performance optimization, as well as information on publishing apps to various platforms. Additionally, it highlights Flex for mobile development, allowing for cross-environment applications and offering resources for further learning.

1. Developing AIR for Android using Flash CS5 Chris Griffith

2. DisclaimerThese opinions and thoughts are my own, and may or may not reflect the opinions of the company that I work for.

4. My Mobile App Portfolio

5. Mobile is Everywhere

6. Designing for Mobile

7. Context

8. mobile vs. desktop

9. Orientation

10. Touch44px10

11. TouchThe average fingertip is 3x larger than the hand cursorMake your buttons 3x largerThen make them even larger 11

12. With fingers, come hands…

13. ErgonomicsHow will they touch it?One Thumb?Two Thumbs?Pointer Finger?

15. Data based on respective products published technical specificationsPixels Per Inch (PPI)

16. AIR for Android OverviewGeoLocationAccelerometerCameraMultitouch / Gesture SupportScreen OrientationMicrophoneGPU AccelerationSQLiteDBStageWebViewNo Native WidgetsNo Multiple Camera SupportNo Access to ContactsLimited SMS Support

17. Creating an Android App: SetupGet the Android SDK: http://developer.android.com/sdk Allows you to create and install apps on your device Android - SDK Manager to install packages etc.

18. ADB – Android Device Debugger installs apps on your device

19. DDMS - Dalvik Debug Monitor for desktop simulation.

20. Download AIR 2.5 http://www.adobe.com/products/air/

21. Get AIR for Android runtime .apk installed

22. Get the AIR for Android Extension for Flash CS5http://labs.adobe.com/technologies/flashpro_extensionforair/

23. Development EnvironmentsEmulatorDevice

24. Accelerometervaraccel:Accelerometer = new Accelerometer();accel.addEventListener(AccelerometerEvent.UPDATE, update);function update(e:AccelerometerEvent):void{e.accelerationX;e.accelerationY;e.accelerationZ;}

25. Gesturescell.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);function onZoom(e:TransformGestureEvent):void{cell.scaleX *= e.scaleX;cell.scaleY = cell.scaleX;}cell.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);function onRotate(e:TransformGestureEvent):void{cell.rotation += e.rotation;}

26. Geolocationvar geo: Geolocation;if (Geolocation.isSupported) { geo = new Geolocation(); geo.addEventListener(GeolocationEvent.UPDATE, updateHandler); geo.setRequestedUpdateInterval(10000);} else { log.text = "Geolocation feature not supported"; }

27. Hardware Keysstage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown, false, 0, true);function onKeyDown(event:KeyboardEvent):void { //Back Key if (event.keyCode == 94) { event.preventDefault(); // to kill event from running default behavior //do your own back stuff } //Menu Key if (event.keyCode == 95) { event.preventDefault(); // to kill event from running default behavior //do your own back stuff }}

28. Orientation stage.scaleMode = StageScaleMode.NO_SCALE;stage.align = StageAlign.TOP_LEFT;function setPosition():void{vidHolder.x = stageWidth/2 - vidHolder.width/2;vidHolder.y = stageHeight/2 - vidHolder.height/2; //If the layout is vertical if (stage.stageWidth < stage.stageHeight) { //Adjust graphics }}setPosition();stage.addEventListener(Event.RESIZE, resizeLayout);function resizeLayout(e:Event):void{setPosition();}

29. SQLite Supporthttp://www.dehats.com/drupal/?q=node/58

30. StageWebViewYou get a browser in your Flash app!Good solution forMapsFacebook ConnectRemote Content

31. Limitations

32. No Native Controlshttp://blog.kevinhoyt.com/2010/05/some-flash-android-components/

33. No Access to Contacts

34. Building Applicationshttp://labs.adobe.com/technologies/flashpro_extensionforair/

35. Don’t Fear the Timeline

36. Publishing

37. Publishing

38. To the Market…

39. .air.exe.air.dmg.ipa.apkAIR Packaging & Distribution Workflow

40. Development Guidelines

41. GraphicsConsider bitmaps over vectorsKeep bitmaps as small as possibleMinimize number of vectorsTest your animations with different qualities of StageAvoid, if possible: Filters Blend modes Transparency Perspective distortion

42. GPU AcclerationSet rendering mode to GPUMake sure cacheAsBitmap is set to true on your DisplayObject like this:square.cacheAsBitmap = true;

43. GPU AcclerationMake sure to assign a Matrix to the cacheAsBitmapMatrix property on your DisplayObject like this:square.cacheAsBitmapMatrix = new Matrix();http://blogs.adobe.com/cantrell/archives/2010/10/gpu-rendering-in-adobe-air-for-android.html

44. GPU Acclerationblog.theflashblog.com/?p=2386

45. TextUse opaque background over transparency

46. Avoid TLF

47. Test different anti-aliasing techniques (animation, bitmap text...)

48. Avoid frequently-updated textHorizontal? Vertical? Both? Content should dictate orientation, but don’t forget about the keyboard.Consider adjusting content based on layout: