Developing AIR for Android with Flash Professional
0 likes459 views
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.
Developing AIR for Android with Flash Professional
- 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
- 7. Context
- 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/
- 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();}
- 30. StageWebViewYou get a browser in your Flash app!Good solution forMapsFacebook ConnectRemote Content
- 31. Limitations
- 33. No Access to Contacts
- 35. Don’t Fear the Timeline
- 36. Publishing
- 37. Publishing
- 38. To the Market…
- 39. .air.exe.air.dmg.ipa.apkAIR Packaging & Distribution Workflow
- 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
- 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:
- 49. Display ObjectsUse the appropriate type of display objectObjects that aren’t interactive, use Shape();trace(getSize(new Shape())); // output: 216Interactive but no timeline? Use Sprite();trace(getSize(newSprite())); // output: 396Need animation? Use Movieclip();trace(getSize(newMovieClip())); // output: 416
- 50. Freeing MovieclipsAlpha? RemoveChild? Visible?Even when removed from the display list, the movie clip still dispatches the Event.ENTER_FRAME event. runningBoy.addEventListener(Event.REMOVED_FROM_STAGE, deactivate);function deactivate(e:Event):void{e.currentTarget.removeEventListener(Event.ENTER_FRAME, handleMovement);e.currentTarget.stop();}
- 51. Flex for Mobile - HEROhttp://labs.adobe.com/technologies/flexsdk_hero/
- 52. Hero in a Nutshell: Mobile Application DevelopmentAllow developers to create a single mobile project that will run on multiple mobile environmentsUI components supporting touchscreen interactionApplication framework fitted with common mobile UI patternsInteractive performance tuned for mobile devices
- 53. ResourcesTour de Flex is a desktop application for exploring Flex capabilities and resources, including the core Flex components, Adobe AIR, data integration, and a variety of third-party components, effects, skins, and more.https://market.android.com/details?id=air.adobe.flex.TourDeMobileFlex
- 54. Resources
- 56. Thanks!Email: [email protected]: @chrisgriffithBlog: http://chrisgriffith.wordpress.com/