SlideShare a Scribd company logo
Android Flash DevelopmentAn Introduction to Flash and AIR Development on AndroidOswald CampesatoTwitter: @ocampesatohttp://book2-web.com/Stephen ChinTwitter: @steveonjavahttp://flash.steveonjava.com/
About the PresentersStephenChinOswaldCampesato+=?
DISCLAIMERBleeding Edge DevelopmentWE 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!
Flash and AIR on AndroidAvailable on Android Phones Today
Works in the Browser
Limited Access to Device APIs
Runs on most smart phones (but not iPhone)Adobe FlashAIR 2.5 released with Android Support
Deploys as an Android Market Application
Gives Full Access to Device APIs
Runs on most smart phones including Android and iPhoneAdobe AIRLatest Version: AIR 2.5.1
Flash Tooling
Flash Professional CS5
Flash Capability Reporterimport flash.system.Capabilities;import flash.ui.Multitouch; capabilityScroller.capabilities.text =  "Manufacturer: " + Capabilities.manufacturer + "\n" +  "OS: " + Capabilities.os + "\n" +  "Pixel Aspect Ratio: " + Capabilities.pixelAspectRatio + "\n" +  "Player Type: " + Capabilities.playerType + "\n" +  "Screen Color: " + Capabilities.screenColor + "\n" +  "Screen DPI: " + Capabilities.screenDPI + "\n" +  "Screen Resolution: " + Capabilities.screenResolutionX + "x" + Capabilities.screenResolutionY + "\n" +  "Touch Screen Type: " + Capabilities.touchscreenType + "\n" +  "Version: " + Capabilities.version + "\n" +  "Supports Gesture Events: " + Multitouch.supportsGestureEvents + "\n" +  "Supports Touch Events: " + Multitouch.supportsTouchEvents + "\n" +  "Input Mode: " + Multitouch.inputMode + "\n" +  "Max Touch Points: " + Multitouch.maxTouchPoints + "\n" +  "Supported Gestures: " + Multitouch.supportedGestures;
Flash Professional CS5
Flash Capability Reporter
Android Devices
Device Screen Characteristics
Screen Resolution vs. Density
Density in Flex Applications
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>
Author Density Settings160ppi240ppi320ppi
Flash/AIR Mobile APIsScreen Orientation *Multitouch *Gestures *AccelerometerCameraCameraRollGPSMicrophoneAudioVideoRESTJSON/XMLViewNavigatorCSSEtc.* APIs we will show examples of today
Screen OrientationStage Event Listenerstage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE,    <function callback>);StageOrientation ValuesDEFAULTROTATED_LEFTROTATED_RIGHTUPSIDE_DOWNUNKNOWN
Screen Orientation Exampleimport flash.display.StageOrientation;import flash.events.StageOrientationEvent;stop();stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, onChanged);function onChanged(event:StageOrientationEvent):void {	play();}
Portrait/Landscape Switching
Portrait/Landscape Switching
MulititouchGesturesTwo Finger TapPanZoomRotateSwipeIllustrations provided by Gestureworks (www.gestureworks.com)
Gestures via addEventListenerpublic 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;}}}
Gestures via Eventsprotected function swipe	(e:TransformGestureEvent):void {        page = (page + e.offsetX + pages.numElements) % pages.numElements;updateVisibility();} <s:VGroupgestureSwipe="swipe(event)”/>
Android Scrapbook Example
Touch Point API
Snake Generator Sample
Flex Mobile Views/ControlsViewNavigatorApplication
Views
ViewNavigator
Splash Screen
Components:

More Related Content

PPT
Desarrollo AIR Mobile
PPTX
Android Flash Development
PPTX
Building apps for multiple devices
PPTX
Android Flash Development
PPTX
從 Google i/o 2015 看下半年 mobile 應用發展趨勢
PDF
Building Windows 10 Universal Apps with Speech and Cortana
PPTX
Visual Studio Tools for Apache Cordova (TACO) and Ionic
PDF
20150423 Android Taipei : 祖克伯F8的奇幻之旅
Desarrollo AIR Mobile
Android Flash Development
Building apps for multiple devices
Android Flash Development
從 Google i/o 2015 看下半年 mobile 應用發展趨勢
Building Windows 10 Universal Apps with Speech and Cortana
Visual Studio Tools for Apache Cordova (TACO) and Ionic
20150423 Android Taipei : 祖克伯F8的奇幻之旅

What's hot (20)

PPT
Android SDK and PhoneGap
PDF
もし青森の女子WebデザイナーがAndroidと出会ったら。
PDF
Swift iOS Architecture with FLUX in mind. UA Mobile 2016.
PDF
What's new in flutter and dart in 2020
PPTX
Google I/O 2016 Key notes
KEY
Flash Builder and Flex Future - Multiscreen Development
PPTX
Intro to Mobile Development for Web iOS and Android
PDF
Google IO 2015
PDF
Build responsive applications with google flutter
PDF
3 Screen UX - uxcampseoul 2011
DOCX
Summary Of Polycom Cast App
PDF
Effective Android UI - English
PDF
Using PhoneGap Command Line
PPT
Modern mobile development overview
PPTX
Mobile Dev For Web Devs
PDF
PPTX
Construir Aplicações Silverlight para Windows Phone 7
PPTX
Developing Android Apps
PDF
Flutter Tutorial For Beginners | Edureka
PPT
Mobile app development sylhet it academy
Android SDK and PhoneGap
もし青森の女子WebデザイナーがAndroidと出会ったら。
Swift iOS Architecture with FLUX in mind. UA Mobile 2016.
What's new in flutter and dart in 2020
Google I/O 2016 Key notes
Flash Builder and Flex Future - Multiscreen Development
Intro to Mobile Development for Web iOS and Android
Google IO 2015
Build responsive applications with google flutter
3 Screen UX - uxcampseoul 2011
Summary Of Polycom Cast App
Effective Android UI - English
Using PhoneGap Command Line
Modern mobile development overview
Mobile Dev For Web Devs
Construir Aplicações Silverlight para Windows Phone 7
Developing Android Apps
Flutter Tutorial For Beginners | Edureka
Mobile app development sylhet it academy
Ad

Similar to Beginning Android Flash Development (20)

PPTX
Beginning Android Flash Development - GTUG Edition
PPT
Beautifully Usable, Multiple Screens Too
PPT
Ui patterns
PPT
Creating Flash Content for Multiple Screens
PPT
Thadomal IEEE-HTML5-Workshop
PPT
Flash for Mobile Devices
PDF
Flash Platform for Devices
PPT
Getting the Magic on Android Tablets
PPSX
MoMo Oct Event
PPT
Creating Yahoo Mobile Widgets
PPT
Enterprise AIR Development for JavaScript Developers
PPT
Silver Light By Nyros Developer
ODP
Geekcamp Android
PPTX
SmartPhone Design and Delivery
PPT
Yahoo Mobile Widgets
PPT
BluePrint Mobile Framework
PPT
Mashup Y! widget
PPSX
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
PPTX
Pentesting Android Applications
PPTX
Flash platform fitc
Beginning Android Flash Development - GTUG Edition
Beautifully Usable, Multiple Screens Too
Ui patterns
Creating Flash Content for Multiple Screens
Thadomal IEEE-HTML5-Workshop
Flash for Mobile Devices
Flash Platform for Devices
Getting the Magic on Android Tablets
MoMo Oct Event
Creating Yahoo Mobile Widgets
Enterprise AIR Development for JavaScript Developers
Silver Light By Nyros Developer
Geekcamp Android
SmartPhone Design and Delivery
Yahoo Mobile Widgets
BluePrint Mobile Framework
Mashup Y! widget
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Pentesting Android Applications
Flash platform fitc
Ad

More from Stephen Chin (20)

PPTX
DevOps Tools for Java Developers v2
PPTX
10 Ways Everyone Can Support the Java Community
PPTX
Java Clients and JavaFX: The Definitive Guide
PPTX
DevOps Tools for Java Developers
PPTX
Java Clients and JavaFX - Presented to LJC
PPTX
RetroPi Handheld Raspberry Pi Gaming Console
PPTX
JavaFX on Mobile (by Johan Vos)
PPTX
Confessions of a Former Agile Methodologist (JFrog Edition)
PPTX
Devoxx4Kids Lego Workshop
PPTX
Raspberry Pi with Java (JJUG)
PPTX
Confessions of a Former Agile Methodologist
PPTX
Internet of Things Magic Show
PPTX
Zombie Time - JSR 310 for the Undead
PPTX
JCrete Embedded Java Workshop
PPTX
Oracle IoT Kids Workshop
PPTX
OpenJFX on Android and Devices
PPTX
Java on Raspberry Pi Lab
PDF
Java 8 for Tablets, Pis, and Legos
PDF
DukeScript
PPTX
Devoxx4Kids NAO Workshop
DevOps Tools for Java Developers v2
10 Ways Everyone Can Support the Java Community
Java Clients and JavaFX: The Definitive Guide
DevOps Tools for Java Developers
Java Clients and JavaFX - Presented to LJC
RetroPi Handheld Raspberry Pi Gaming Console
JavaFX on Mobile (by Johan Vos)
Confessions of a Former Agile Methodologist (JFrog Edition)
Devoxx4Kids Lego Workshop
Raspberry Pi with Java (JJUG)
Confessions of a Former Agile Methodologist
Internet of Things Magic Show
Zombie Time - JSR 310 for the Undead
JCrete Embedded Java Workshop
Oracle IoT Kids Workshop
OpenJFX on Android and Devices
Java on Raspberry Pi Lab
Java 8 for Tablets, Pis, and Legos
DukeScript
Devoxx4Kids NAO Workshop

Recently uploaded (20)

PDF
Machine learning based COVID-19 study performance prediction
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
cuic standard and advanced reporting.pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Encapsulation theory and applications.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Approach and Philosophy of On baking technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
Machine learning based COVID-19 study performance prediction
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
cuic standard and advanced reporting.pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Encapsulation theory and applications.pdf
MYSQL Presentation for SQL database connectivity
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Review of recent advances in non-invasive hemoglobin estimation
20250228 LYD VKU AI Blended-Learning.pptx
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Dropbox Q2 2025 Financial Results & Investor Presentation
Spectral efficient network and resource selection model in 5G networks
NewMind AI Monthly Chronicles - July 2025
Network Security Unit 5.pdf for BCA BBA.
The Rise and Fall of 3GPP – Time for a Sabbatical?
Approach and Philosophy of On baking technology
Diabetes mellitus diagnosis method based random forest with bat algorithm

Beginning Android Flash Development

  • 1. Android Flash DevelopmentAn Introduction to Flash and AIR Development on AndroidOswald CampesatoTwitter: @ocampesatohttp://book2-web.com/Stephen ChinTwitter: @steveonjavahttp://flash.steveonjava.com/
  • 3. DISCLAIMERBleeding Edge DevelopmentWE 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!
  • 4. Flash and AIR on AndroidAvailable on Android Phones Today
  • 5. Works in the Browser
  • 6. Limited Access to Device APIs
  • 7. Runs on most smart phones (but not iPhone)Adobe FlashAIR 2.5 released with Android Support
  • 8. Deploys as an Android Market Application
  • 9. Gives Full Access to Device APIs
  • 10. Runs on most smart phones including Android and iPhoneAdobe AIRLatest Version: AIR 2.5.1
  • 13. Flash Capability Reporterimport flash.system.Capabilities;import flash.ui.Multitouch; capabilityScroller.capabilities.text = "Manufacturer: " + Capabilities.manufacturer + "\n" + "OS: " + Capabilities.os + "\n" + "Pixel Aspect Ratio: " + Capabilities.pixelAspectRatio + "\n" + "Player Type: " + Capabilities.playerType + "\n" + "Screen Color: " + Capabilities.screenColor + "\n" + "Screen DPI: " + Capabilities.screenDPI + "\n" + "Screen Resolution: " + Capabilities.screenResolutionX + "x" + Capabilities.screenResolutionY + "\n" + "Touch Screen Type: " + Capabilities.touchscreenType + "\n" + "Version: " + Capabilities.version + "\n" + "Supports Gesture Events: " + Multitouch.supportsGestureEvents + "\n" + "Supports Touch Events: " + Multitouch.supportsTouchEvents + "\n" + "Input Mode: " + Multitouch.inputMode + "\n" + "Max Touch Points: " + Multitouch.maxTouchPoints + "\n" + "Supported Gestures: " + Multitouch.supportedGestures;
  • 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>
  • 22. Flash/AIR Mobile APIsScreen Orientation *Multitouch *Gestures *AccelerometerCameraCameraRollGPSMicrophoneAudioVideoRESTJSON/XMLViewNavigatorCSSEtc.* APIs we will show examples of today
  • 23. Screen OrientationStage Event Listenerstage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, <function callback>);StageOrientation ValuesDEFAULTROTATED_LEFTROTATED_RIGHTUPSIDE_DOWNUNKNOWN
  • 24. Screen Orientation Exampleimport flash.display.StageOrientation;import flash.events.StageOrientationEvent;stop();stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, onChanged);function onChanged(event:StageOrientationEvent):void { play();}
  • 27. MulititouchGesturesTwo Finger TapPanZoomRotateSwipeIllustrations provided by Gestureworks (www.gestureworks.com)
  • 28. Gestures via addEventListenerpublic 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 Eventsprotected function swipe (e:TransformGestureEvent):void { page = (page + e.offsetX + pages.numElements) % pages.numElements;updateVisibility();} <s:VGroupgestureSwipe="swipe(event)”/>
  • 34. Views
  • 40. List, Scroller, and Touch GesturesFor more info see: http://opensource.adobe.com/wiki/display/flexsdk/Hero
  • 41. Future Device SupportBlackberry PlaybookAndroid TabletsiPhone/iPadTelevisionhttp://www.youtube.com/watch?v=zyJVNK7aSW4
  • 42. Blackberry Playbook Specs“Enterprise Ready" Device7" Screen (9.7mm Thick)HTML5 and FULL Flash 10.1Hardware Accelerated VideoSupports HDMI (TV output)Displays PPT and DocumentsFront and Rear Cameras1 GHZ core and 1GB RAM Q1/Q2 of 2011
  • 43. Other Tablet Flash DevicesCisco Cius ("see us")"enterprise ready" device Samsung Galaxy Tab"enterprise ready" device7" screenfeatures: http://www.youtube.com/watch?v=v1PO3_iqbQ8 Toshiba 100 Folio (Android)http://www.youtube.com/watch?v=qfVurbT1ytA
  • 44. WP7 Based TabletsAcerAsus (Eee PC T101MT)CosmosDellFujitsuLenovo (Ideapad S10-3t)Motion Computing (J3500)Samsung (Gloria)Toshiba (Libretto W100)
  • 45. Upcoming TV Flash DevicesGoogle TVOpen SourceFlash 10.1 SupportLimited Tests ConductedView Web AppsPartnership with Sony, Intel, LogitechAdobe TVhttp://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 RevueSpecs:Atom CE4150 Processor1GB RAMHDMI portFeatures12 bundled applicationsLocal file media playerSearch capabilities (local/web)Bookmark capabilityLimitationsno file download capabilityno screenshot capability
  • 47. And An Android Car?Android Car (China Only)Made Available in April, 2010$10,250 – $19,000 USDAndroid 2.1Features:Real-time TrafficDirectionsInternetOn-line Chathttp://www.youtube.com/watch?v=76gTWZKSAI8
  • 48. Development LinksAndroid SDK http://developer.android.com/sdk/index.htmlAIR 2.5http://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 Packagerhttp://labs.adobe.com/technologies/packagerforiphone/
  • 49. Blogs to ReadStephen Chinhttp://flash.steveonjava.com/James Wardhttp://www.jamesward.com/Duane Nickullhttp://technoracle.blogspot.com/Christian Cantrellhttp://blogs.adobe.com/cantrell/Christophe Coenraetshttp://coenraets.org/blog/Serge Jespershttp://www.webkitchen.be/Lee Brimelow (The Flash Blog)http://blog.theflashblog.com/Mark Doherty (FlashMobileBlog)http://www.flashmobileblog.com/
  • 50. Pro Android FlashStephen Chin, Oswald Campesato, and Dean IversonPresentation will be posted at: http://flash.steveonjava.com/Will Include:UI Controls