Presentation given at the San Francisco Android Java User Group on getting started with Flash and Flex on Android mobile devices. For more information see my blog entry: http://flash.steveonjava.com/beginning-flash-sf

1. Android Flash Development An Introduction to Flash and AIR Development on Android Oswald Campesato Twitter: @ocampesato http://book2-web.com/ Stephen Chin Twitter: @steveonjava http://flash.steveonjava.com/

2. About the Presenters Stephen Chin Oswald Campesato + = ?

3. DISCLAIMERBleeding Edge Development WE ARE NOT AFFILIATED WITH ADOBE CORPORATION AND DO NOT REPRESENT THEIR OFFICIAL PRODUCT STATEMENTS. THE TECHNOLOGIES REPRESENTED WITHIN ARE NOT FINAL AND MAY BE SUBJECT TO CHANGE. WE ARE NOT RESPONSIBLE FOR OUTBREAKS OF SPONTANEOUS ANDROID FLASH HACKING. HACK RESPONSIBLY!

5. Works in the Browser

6. Limited Access to Device APIs

8. Deploys as an Android Market Application

9. Gives Full Access to Device APIs

10. Runs on most smart phones including Android and iPhoneAdobe AIR Latest Version: AIR 2.5.1

11. Flash Tooling

12. Flash Professional CS5

13. Flash Capability Reporter import flash.system.Capabilities; import flash.ui.Multitouch; capabilityScroller.capabilities.text = "Manufacturer: " + Capabilities.manufacturer + "" + "OS: " + Capabilities.os + "" + "Pixel Aspect Ratio: " + Capabilities.pixelAspectRatio + "" + "Player Type: " + Capabilities.playerType + "" + "Screen Color: " + Capabilities.screenColor + "" + "Screen DPI: " + Capabilities.screenDPI + "" + "Screen Resolution: " + Capabilities.screenResolutionX + "x" + Capabilities.screenResolutionY + "" + "Touch Screen Type: " + Capabilities.touchscreenType + "" + "Version: " + Capabilities.version + "" + "Supports Gesture Events: " + Multitouch.supportsGestureEvents + "" + "Supports Touch Events: " + Multitouch.supportsTouchEvents + "" + "Input Mode: " + Multitouch.inputMode + "" + "Max Touch Points: " + Multitouch.maxTouchPoints + "" + "Supported Gestures: " + Multitouch.supportedGestures;

14. Flash Professional CS5

15. Flash Capability Reporter

16. Android Devices

17. Device Screen Characteristics

18. Screen Resolution vs. Density

19. Density in Flex Applications

20. Density Explorer Application <fx:Script> <![CDATA[ [Bindable] protected varauthorDensity:String; [Bindable] public vardpi:int; ]]> </fx:Script> <s:VGrouppaddingTop="20" paddingLeft="15" paddingRight="15" paddingBottom="15" gap="20" width="100%" height="100%"> <s:Label text="Author Density:"/> <s:HGroup gap="15"> <s:RadioButton id="ad160ppi" content="160ppi" click="authorDensity = '160ppi'"/> <s:RadioButton id="ad240ppi" content="240ppi" click="authorDensity = '240ppi'"/> <s:RadioButton id="ad320ppi" content="320ppi" click="authorDensity = '320ppi'"/> </s:HGroup> <s:Label text="Device DPI: {dpi}"/> <s:HSlider id="dpiSlider" minimum="130" maximum="320" value="@{dpi}" width="100%"/> </s:VGroup>

21. Author Density Settings 160ppi 240ppi 320ppi

22. Flash/AIR Mobile APIs Screen Orientation * Multitouch * Gestures * Accelerometer Camera CameraRoll GPS Microphone Audio Video REST JSON/XML ViewNavigator CSS Etc. * APIs we will show examples of today

23. Screen Orientation Stage Event Listener stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, <function callback>); StageOrientation Values DEFAULT ROTATED_LEFT ROTATED_RIGHT UPSIDE_DOWN UNKNOWN

24. Screen Orientation Example import flash.display.StageOrientation; import flash.events.StageOrientationEvent; stop(); stage.addEventListener( StageOrientationEvent.ORIENTATION_CHANGE, onChanged); function onChanged(event:StageOrientationEvent):void { play(); }

25. Portrait/Landscape Switching

26. Portrait/Landscape Switching

27. Mulititouch Gestures Two Finger Tap Pan Zoom Rotate Swipe Illustrations provided by Gestureworks (www.gestureworks.com)

28. Gestures via addEventListener public class MultitouchImage extends Image { public function MultitouchImage() { addEventListener(TransformGestureEvent.GESTURE_ROTATE, rotateListener); addEventListener(TransformGestureEvent.GESTURE_ZOOM, zoomListener); Multitouch.inputMode = MultitouchInputMode.GESTURE; } protected function rotateListener(e:TransformGestureEvent):void { rotation += e.rotation; } protected function zoomListener(e:TransformGestureEvent):void { scaleX *= e.scaleX; scaleY *= e.scaleY; }}}

29. Gestures via Events protected function swipe (e:TransformGestureEvent):void { page = (page + e.offsetX + pages.numElements) % pages.numElements; updateVisibility(); } <s:VGroupgestureSwipe="swipe(event)”/>

30. Android Scrapbook Example

31. Touch Point API

32. Snake Generator Sample

34. Views

35. ViewNavigator

36. Splash Screen

37. Components:

38. ActionBar

39. Text Components

40. List, Scroller, and Touch GesturesFor more info see: http://opensource.adobe.com/wiki/display/flexsdk/Hero

41. Future Device Support Blackberry Playbook Android Tablets iPhone/iPad Television http://www.youtube.com/watch?v=zyJVNK7aSW4

42. Blackberry Playbook Specs “Enterprise Ready" Device 7" Screen (9.7mm Thick) HTML5 and FULL Flash 10.1 Hardware Accelerated Video Supports HDMI (TV output) Displays PPT and Documents Front and Rear Cameras 1 GHZ core and 1GB RAM Q1/Q2 of 2011

43. Other Tablet Flash Devices Cisco Cius ("see us") "enterprise ready" device Samsung Galaxy Tab "enterprise ready" device 7" screen features: http://www.youtube.com/watch?v=v1PO3_iqbQ8 Toshiba 100 Folio (Android) http://www.youtube.com/watch?v=qfVurbT1ytA

44. WP7 Based Tablets Acer Asus (Eee PC T101MT) Cosmos Dell Fujitsu Lenovo (Ideapad S10-3t) Motion Computing (J3500) Samsung (Gloria) Toshiba (Libretto W100)

45. Upcoming TV Flash Devices Google TV Open Source Flash 10.1 Support Limited Tests Conducted View Web Apps Partnership with Sony, Intel, Logitech Adobe TV http://tv.adobe.com/ http://www.youtube.com/watch?v=U_B7-wWnY0Y "People of Lava" Android TV (Sweden): First Android-based TV(?) http://www.youtube.com/watch?v=NQEMkXJ1Hbg

46. Google TV – Logitech Revue Specs: Atom CE4150 Processor 1GB RAM HDMI port Features 12 bundled applications Local file media player Search capabilities (local/web) Bookmark capability Limitations no file download capability no screenshot capability

47. And An Android Car? Android Car (China Only) Made Available in April, 2010 $10,250 – $19,000 USD Android 2.1 Features: Real-time Traffic Directions Internet On-line Chat http://www.youtube.com/watch?v=76gTWZKSAI8

48. Development Links Android SDK http://developer.android.com/sdk/index.html AIR 2.5 http://labs.adobe.com/technologies/air2/android/ Flex Builder 4.5 (Burrito) http://labs.adobe.com/technologies/flashbuilder_burrito/ Flex Catalyst 5.5 (Panini) http://labs.adobe.com/technologies/flashcatalyst_panini/ Flex 4.5 SDK (Hero) http://labs.adobe.com/technologies/flexsdk_hero/ iPhone Packager http://labs.adobe.com/technologies/packagerforiphone/

49. Blogs to Read Stephen Chin http://flash.steveonjava.com/ James Ward http://www.jamesward.com/ Duane Nickull http://technoracle.blogspot.com/ Christian Cantrell http://blogs.adobe.com/cantrell/ Christophe Coenraets http://coenraets.org/blog/ Serge Jespers http://www.webkitchen.be/ Lee Brimelow (The Flash Blog) http://blog.theflashblog.com/ Mark Doherty (FlashMobileBlog) http://www.flashmobileblog.com/

51. Media Support

52. Mobile Flex APIs

53. Android Market Deployment

54. Extensive ExamplesComing in Spring 2011