Developing for Xoom with Flash and AIR
•Download as PPTX, PDF•
0 likes•497 views
Flash and AIR allow developers to create mobile applications for Android using ActionScript. AIR applications are compiled to native Android packages and have access to device APIs for geolocation, accelerometer, camera, and more. Flash Builder is an Eclipse-based IDE that supports visual layout, coding in MXML and ActionScript, and debugging applications on mobile devices. Sample applications demonstrate using common mobile UI patterns like view navigators and action bars to create polished mobile experiences with Flash and AIR.
Report
Share
Developing for Xoom with Flash and AIR
- 1. XOOM with Flash and AIR Terry RyanDeveloper Evangelisthttp://terrenceryan.com@tpryan
- 2. Who are you?
- 4. Flash on MobileFlash Player 10.1 + In-browser contentGames, videoDeploy as a SWF, put on the webAir 2.5 + Mobile applicationsNative APIs, extra functionalityPackage to target individual devices
- 5. Current VersionsFlash Player 10.3Air 2.6
- 7. “Native Application”AIR for Device Applications are “Native”That means they can be put on app storesNOT that the UI components are native
- 8. We can use Flash to build “native applications”
- 9. A layer above Android? Isn’t that slow?
- 11. Why Flash on Devices
- 14. Timeout
- 15. Deeper Dive
- 16. What can AIR do?
- 19. Multi-Touch APIsGesture OR Multitouch --- Multitouch.inputModeMultitouchInputMode.GESTURE
- 21. GESTURE_PAN
- 22. GESTURE_ROTATE
- 23. GESTURE_SWIPE
- 24. GESTURE_ZOOM
- 28. TouchEvent
- 29. TOUCH_BEGIN
- 30. TOUCH_END
- 31. TOUCH_MOVE
- 32. TOUCH_OUT
- 33. TOUCH_OVER
- 34. TOUCH_ROLL_OUT
- 35. TOUCH_ROLL_OVER
- 36. TOUCH_TAPRemote DataStandard Flex Networking Libraries:HTTPServiceWebServiceRemoteObject
- 37. Camera AccessCamera - Raw camera feedCameraUI - Native Camera AppvarcameraUI:CameraUI = new CameraUI();cameraUI.launch(MediaType.IMAGE);CameraRoll - Choose photos from the device's camera rollvarcameraRoll:CameraRoll = new CameraRoll();cameraRoll.browseForImage();cameraRoll.addBitmapData(bd);21
- 38. Native App IntegrationOpen Email, Browser, Maps, Phone, or SMSnavigateToURL(new URLRequest('mailto:foo@bar.com'));navigateToURL(new URLRequest('http://www.jamesward.com'));navigateToURL(new URLRequest('http://maps.google.com/'));navigateToURL(new URLRequest('tel:1234567890'));navigateToURL(new URLRequest('sms:1234567890'));22
- 39. Local DB APIsSQLiteSQLConnectionSync and/or Async connectionsSQLStatementPrepared Statements:varstmt:SQLStatement = new SQLStatement();stmt.sqlConnection = FlexGlobals.topLevelApplication['sqlConnection'];stmt.text = "INSERT into giberish values(:giberish)";stmt.parameters[":giberish"] = g.text;stmt.execute();
- 40. StageWebViewWebStageView.isSupportedvarswv:StageWebView = new StageWebView();swv.viewPort = new Rectangle(0, stage.height - height, width, height);swv.stage = stage;swv.loadURL("http://www.jamesward.com");24
- 41. Tooling
- 42. Flash ToolingFlash ProfessionalDesigner centricTimeline based Traditional Flash ToolFlash BuilderDeveloper CentricCode basedEclipse Plugin
- 43. ActionScript
- 44. ActionScriptScripting Language for FlashObject OrientedEvent Based
- 45. Scripting LanguageLike JavaScript, PHP, ruby…Allow for manipulation of item in Flash’s world
- 46. vargreet:TextField = newTextField();greet.text = "Hello World";this.addChild(greet);
- 47. Flash Builder 4
- 48. MXML and ActionScriptCode editingVisual layoutand stylingMobile debuggingWhat is Flash Builder
- 49. DemoBoa Tarde
- 50. Flex for Mobile
- 52. View NavigatorThe pattern for screens on devicesCan define transitions between viewsUses push/pop stack to move between views
- 53. Tab NavigatorTab through viewsJust set up multiple ViewNavigators with the firstViewpropertyCan’t use push/pop
- 54. ActionbarProvides easy access to important featuresWon’t scrollCan be defined globally or for each view
- 55. DemoFlash Builder in Action
- 56. Philly ETE
- 57. Conqu
- 59. !=
- 62. Apps that get it right
- 63. GMail
- 64. Email
- 65. Market
- 66. Get Coding
- 67. Flash ToolingFlash Professionalhttp://adobe.com/go/flashproFlash Builderhttp://adobe.com/go/flashbuilder
- 69. Conclusions
- 70. Follow up?Feel free to contact meterry.ryan@adobe.comhttp://terrenceryan.comTwitter: @tpryan
- 71. GET STARTED NOW!Download MOTODEV Studio and the Android 3.1 SDKTest your app with the MOTODEV App Validator“Tell Us” about your applicationJoin our online office hours, Thursday June 2, 2pmLeverage other MOTODEV resourcesAsk questions in our discussion boardsFollow MOTODEV on Twitter @motodevbrJoin us downstairs for networking, cocktails, and a chance to win a XOOM or ATRIX
- 72. LIFE.POWERED.
Editor's Notes
- Point out currently 10.2 on most devices including Xoom.
- Point out currently 10.2 on most devices including Xoom.
- You develop with AIR but it creates an apk file that is distributable on any market. It requires the AIR runtime, but makes it easy for someone to get if they need it.
- Point out currently 10.2 on most devices including Xoom.
- Flash Builder is a professional eclipse-based Integrated Development Environment (IDE) used by developers in the creation of rich Internet application built with the Flex framework and is used by ActionScript developers creating interactive Flash content.Flash Builder includes intelligent code editing support, Design-view for visual layout and editing, and a powerful, interactive debugger and profiling tools for memory, performance and network monitoring.
- Point out currently 10.2 on most devices including Xoom.