SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Android App
Development with Hero
and Burrito
var location: Geolocation = theRedspace;
Mo Farajmandi:: mo.farajmandi@theredspace.com
Overview
• Build a basic Flex Mobile app
• requirements : Hero + Burrito
• Types of Mobile Application
• Supported (i.e. Mobile Ready) Components
• View & Navigation
• Run on Emulator, or on Device
• How to use mx based components?
• How to handle orientation change: Portrait vs. Landscape
• Trigger Built in Phone features
• iPhone export via iPhone packager
Types of Flex Mobile
Application
Mobile Ready
Components
View and Navigation
• Main Components of Interest:
• spark.components.View
• spark.components.ViewNavigator
• General interaction between the view and navigator via pushView,
and popView.
View
• Drives from Spark Group has two parts ActionBar and Main
View
• Displays an ActionBar containing:
• navigationContent,
• titleContent,
• actionContent
• Useful Events: viewActivate, creationComplete
• Useful Properties:
• overlayControls
• tabBarVisible
• actionBarVisible
ViewNavigator
• pushView, popView
• Passing Data Between Views
• pushView(ViewClassName,
data);
• returning data on popView()
by overriding
createReturnObject()
• actionBar Visibility Effect
• transitionEnabled
Orientation Change
• FlexGlobals.topLevelApplication.stage.addEventListener(StageOrientationEvent.ORIENTATI
ON_CHANGE, orientationChanged);
• Use States to change view
URI Handlers in Air
for Android
• navigateToURL(new URLRequest("tel:90244434"));
• navigateToURL(new URLRequest("sms:4085366000"));
• navigateToURL(new
URLRequest("mailto:mo.farajmandi@theredspace.com?subject=Question"));
• http://blogs.adobe.com/cantrell/archives/2010/11/uri-handlers-in-air-for-android-phone-calls-email-text-
messages-maps-and-urls.html
iPhone Export?!
• Download iPhone packager
• You may need to compile in command
line
• "${FLEX_HOME}/bin/mxmlc" -load-config "${FLEX_HOME}/frameworks/airmobile-
config.xml" -compiler.include-libraries+=libs -sp src -o bin-debug/FaceFun.swf
src/PlayerMobile.mxml
• Not usable on iPhone 3G, Ok, on iPhone4
Burrito Code
Productivity
• Code generation (also existed in Flex 4)
• Code Templates + Ctrl+1
Conclusion
• Very easy & FUN to play with
• Not everything will work right away, but
you can get most of your code running.
• Some components/utilities may need
tweaks but it’s usually minor.

Weitere ähnliche Inhalte

Andere mochten auch (8)

Plate Tectonics Test
Plate Tectonics TestPlate Tectonics Test
Plate Tectonics Test
 
Detailed Lesson Plan - Earth's Atmosphere
Detailed Lesson Plan - Earth's AtmosphereDetailed Lesson Plan - Earth's Atmosphere
Detailed Lesson Plan - Earth's Atmosphere
 
Lesson plan earth
Lesson plan earthLesson plan earth
Lesson plan earth
 
Chapter 3: the composition and structure of the earth
Chapter 3: the composition and structure of the earthChapter 3: the composition and structure of the earth
Chapter 3: the composition and structure of the earth
 
Earths Structure
Earths StructureEarths Structure
Earths Structure
 
Inside the Earth ppt
Inside the Earth pptInside the Earth ppt
Inside the Earth ppt
 
Earth's layers power point notes
Earth's layers power point notesEarth's layers power point notes
Earth's layers power point notes
 
Lesson 1 - 'Layers of the Earth' PowerPoint
Lesson 1 - 'Layers of the Earth' PowerPointLesson 1 - 'Layers of the Earth' PowerPoint
Lesson 1 - 'Layers of the Earth' PowerPoint
 

Ähnlich wie Flex mobile development

Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Bala Subra
 
Hodges Digital Move Pro Features
Hodges Digital Move Pro FeaturesHodges Digital Move Pro Features
Hodges Digital Move Pro Features
Hodges_Digital
 

Ähnlich wie Flex mobile development (20)

Create Location Sharing apps using the Ionic framework
Create Location Sharing apps using the Ionic framework					Create Location Sharing apps using the Ionic framework
Create Location Sharing apps using the Ionic framework
 
Migrating a large scale banking app to compose
Migrating a large scale banking app to composeMigrating a large scale banking app to compose
Migrating a large scale banking app to compose
 
##dd12 sviluppo mobile XPages
##dd12 sviluppo mobile XPages##dd12 sviluppo mobile XPages
##dd12 sviluppo mobile XPages
 
Beginning iOS6 Development CH06 Multiview Applications
Beginning iOS6 Development CH06 Multiview ApplicationsBeginning iOS6 Development CH06 Multiview Applications
Beginning iOS6 Development CH06 Multiview Applications
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
 
移动端Web app开发
移动端Web app开发移动端Web app开发
移动端Web app开发
 
Introduction to Hybrid Application Development
Introduction to Hybrid Application DevelopmentIntroduction to Hybrid Application Development
Introduction to Hybrid Application Development
 
Building Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformBuilding Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst Platform
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
 
CIRCUIT 2015 - Hybrid App Development with AEM Apps
CIRCUIT 2015 - Hybrid App Development with AEM AppsCIRCUIT 2015 - Hybrid App Development with AEM Apps
CIRCUIT 2015 - Hybrid App Development with AEM Apps
 
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesBuild Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
 
top-10-best-mobile-app-development-frameworks-in-2021.pdf
top-10-best-mobile-app-development-frameworks-in-2021.pdftop-10-best-mobile-app-development-frameworks-in-2021.pdf
top-10-best-mobile-app-development-frameworks-in-2021.pdf
 
Lightning Components and App Builder for admins
Lightning Components and App Builder for adminsLightning Components and App Builder for admins
Lightning Components and App Builder for admins
 
Importance of Mobile App Architecture For Mobile App Development
Importance of Mobile App Architecture For Mobile App DevelopmentImportance of Mobile App Architecture For Mobile App Development
Importance of Mobile App Architecture For Mobile App Development
 
Ionic Framework - Intro to Hybrid Mobile Application Development
Ionic Framework - Intro to Hybrid Mobile Application DevelopmentIonic Framework - Intro to Hybrid Mobile Application Development
Ionic Framework - Intro to Hybrid Mobile Application Development
 
Hodges Digital Move Pro Features
Hodges Digital Move Pro FeaturesHodges Digital Move Pro Features
Hodges Digital Move Pro Features
 
Top Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdfTop Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdf
 
Introduction of Xcode
Introduction of XcodeIntroduction of Xcode
Introduction of Xcode
 
DDive- Giuseppe Grasso - mobile su Lotus
DDive- Giuseppe Grasso - mobile su LotusDDive- Giuseppe Grasso - mobile su Lotus
DDive- Giuseppe Grasso - mobile su Lotus
 
Mobile development with Flex 4.5 - LiveData May
Mobile development with Flex 4.5 - LiveData MayMobile development with Flex 4.5 - LiveData May
Mobile development with Flex 4.5 - LiveData May
 

Kürzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Kürzlich hochgeladen (20)

Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 

Flex mobile development

  • 1. Android App Development with Hero and Burrito var location: Geolocation = theRedspace; Mo Farajmandi:: mo.farajmandi@theredspace.com
  • 2. Overview • Build a basic Flex Mobile app • requirements : Hero + Burrito • Types of Mobile Application • Supported (i.e. Mobile Ready) Components • View & Navigation • Run on Emulator, or on Device • How to use mx based components? • How to handle orientation change: Portrait vs. Landscape • Trigger Built in Phone features • iPhone export via iPhone packager
  • 3. Types of Flex Mobile Application
  • 5. View and Navigation • Main Components of Interest: • spark.components.View • spark.components.ViewNavigator • General interaction between the view and navigator via pushView, and popView.
  • 6. View • Drives from Spark Group has two parts ActionBar and Main View • Displays an ActionBar containing: • navigationContent, • titleContent, • actionContent • Useful Events: viewActivate, creationComplete • Useful Properties: • overlayControls • tabBarVisible • actionBarVisible
  • 7. ViewNavigator • pushView, popView • Passing Data Between Views • pushView(ViewClassName, data); • returning data on popView() by overriding createReturnObject() • actionBar Visibility Effect • transitionEnabled
  • 9. URI Handlers in Air for Android • navigateToURL(new URLRequest("tel:90244434")); • navigateToURL(new URLRequest("sms:4085366000")); • navigateToURL(new URLRequest("mailto:mo.farajmandi@theredspace.com?subject=Question")); • http://blogs.adobe.com/cantrell/archives/2010/11/uri-handlers-in-air-for-android-phone-calls-email-text- messages-maps-and-urls.html
  • 10. iPhone Export?! • Download iPhone packager • You may need to compile in command line • "${FLEX_HOME}/bin/mxmlc" -load-config "${FLEX_HOME}/frameworks/airmobile- config.xml" -compiler.include-libraries+=libs -sp src -o bin-debug/FaceFun.swf src/PlayerMobile.mxml • Not usable on iPhone 3G, Ok, on iPhone4
  • 11. Burrito Code Productivity • Code generation (also existed in Flex 4) • Code Templates + Ctrl+1
  • 12. Conclusion • Very easy & FUN to play with • Not everything will work right away, but you can get most of your code running. • Some components/utilities may need tweaks but it’s usually minor.