Download as ODP, PPTX
![I was a technical editor on Wrox’s Professional Flex 3 Authored by: Joseph Balderson, Andrew Trice, Peter Ent, Joe Berkovitz, Tom Sugden, Todd Prekaski, David Hassoun, and Jun Heider. http://www.mathewfabb.com [email_address] @mattthewfabb](https://image.slidesharecdn.com/flexmobileandroidto-111105184133-phpapp01/75/Developing-for-Mobile-with-the-Flex-Framework-4-2048.jpg)
![I was a technical editor on Wrox’s Professional Flex 3 Authored by: Joseph Balderson, Andrew Trice, Peter Ent, Joe Berkovitz, Tom Sugden, Todd Prekaski, David Hassoun, and Jun Heider. http://www.mathewfabb.com [email_address] @mattthewfabb](https://crownmelresort.com/image.slidesharecdn.com/flexmobileandroidto-111105184133-phpapp01/75/Developing-for-Mobile-with-the-Flex-Framework-4-2048.jpg)
Uploaded byMatthew Fabb
Developing for Mobile with the Flex Framework
The document discusses developing mobile applications using Adobe Flex and AIR. It provides an overview of new features in AIR 3 like native extensions and captive runtime. It also describes Flex, the mobile theme in Flex 4.5, and how to deal with different device resolutions. Key aspects of building mobile apps with Flex like the action bar, views, and view navigator are explained.
Technologyâ—¦
More Related Content
Similar to Developing for Mobile with the Flex Framework
Developing for Mobile with the Flex Framework
- 1. AndroidTO Developing forMobile with the Flex Framework By Matthew Fabb
- 2. Who Am I?I’m a Flash/Flex developer that has been doing Flash work from the tail-end of Flash 4 and the beginning of Flash 5
- 3. I am currentlya developer at StickerYou
- 4. I was atechnical editor on Wrox’s Professional Flex 3 Authored by: Joseph Balderson, Andrew Trice, Peter Ent, Joe Berkovitz, Tom Sugden, Todd Prekaski, David Hassoun, and Jun Heider. http://www.mathewfabb.com [email_address] @mattthewfabb
- 5.
- 6. Flash & AIR- Reach
- 7.
- 8. System Requirements forAIR Android Android 2.2+
- 9. ARMv7 processor VectorFPU (Floating Point Units)
- 10.
- 11.
- 12. H.264 and AACHW decoders 256MB of RAM iOS iOS 4+
- 13.
- 14.
- 15. New in AdobeAIR 3 AIR Native Extensions (ANE) Native code can be combined with an AIR app
- 16. Allows an AIRapp to access any API
- 17. ANE file iscompiled separately then compiled into an AIR app
- 18. Adobe has a growing list of examples
- 19. Native components canbe used, but there are some limitations to graphics
- 20. New in AdobeAIR 3 AIR Native Extensions (ANE) ANE can be bundled into the hardware
- 21. Flash Builder 4.6will have built in ANE support Flash Builder 4.6 will be a free update to users of Flash Builder 4.5
- 22. Will be outbefore the end of the year
- 23. New in AdobeAIR 3 Captive Runtime This means an AIR runtime can be packaged inside of an AIR app
- 24. An AIR APKfile can be installed like a native Android app without AIR installed
- 25. EXE files canbe made for Windows AIR apps can run without being installed Run off an USB or DVD/CD DMG files can be made for Mac AIR apps can now be added to the Apple Mac Store
- 26. New in AIR3 StageText Native text input
- 27. Get to usethe native auto-correct & auto-capitalize functionality
- 28. Will be usedin the Flex TextInput component
- 29. The Future ofAIR Adobe continues to heavily invest in AIR
- 30. Adobe is releasingFlash & AIR on a quarterly schedule
- 31. AIR 3.1 scheduledfor release before the end of 2011
- 32. Adobe has anIncubator builds of Flash Player, which they expect to move up to monthly, weekly & ultimately daily builds
- 33. Photoshop Touch wasbuilt in Adobe AIR using native extensions
- 34. What is Flex?Flex is an Adobe open source framework to create Flash applications
- 35. MXML, an XML-basedmark up language is used to layout the interface of the application
- 36. ActionScript is usedwith the MXML for interactivity
- 37. CSS can beused to style the application
- 38. MXML, ActionScript &CSS is very similar to HTML, JavaScript & CSS
- 39. MXML, CSS &ActionScript is compiled into generated ActionScript which is then compiled into a SWF file
- 40. What is Flex?The Flex compiler is free & open source
- 41. Developers can createFlex applications via: Adobe Flash Builder
- 42. 3 rd party tools such as FlashDevelop or FDT
- 43. Any text editor& the Flex compiler
- 44. Flex 4.5 Flex4.5 was built to target mobile
- 45. Flex 4.6 willbe out by the end of 2011 with more mobile components & increases in performance
- 46. Tour Du Flexmobile
- 47.
- 48.
- 49. Provides API tosave data between application sessions & interruptions (such as phone calls)
- 50. Has 2 methodsof dealing with multiple DPIs/PPIs on different devices Mobile Application
- 51. 1024x600 170 DPI854x480 240 DPI 800x480 240 DPI 480x320 160 DPI 960x640 326 DPI 1024x768 120 DPI
- 52. Dealing with multipleDPIs In dealing with different PPI/DPI's, Flex divides it into 3 sections: 160 dpi < 200 240 dpi >= 200
- 53. < 280 320dpi <= 280
- 54. Dealing with multipleDPIs ApplicaitonDPI Get the app working on one DPI, set that DPI and have the app scale up or down for other DPIs MultiDPIBitmapSource <s:MultiDPIBitmapSource source160dpi="logo.png" source240dpi="logo240.png" source320dpi="logo320.png" />
- 55. CSS that dealswith multiple DPIs
- 56. What Flex 4.5Mobile is made up of? Mobile theme
- 57.
- 58.
- 59. Mobile Application ComponentsActionBar
- 60.
- 61. List, Scroller andTouch Gestures Mobile Splash Screen
- 62. Mobile View Menu– For Android menu settings hardware button
- 63. Functionality to dealwith different DPI
- 64.
- 65. Flex 4.5 appbreakdown ActionBar can appear above or bellow the view or both
- 66. ActionBar is consistentwhile the View changes from screen to screen
- 67. View & ViewNavigatorThe basis of how Flex mobile works
- 68. The main areais a stack where views are popped on and off
- 69. Only one viewis visible at a time
- 70. When leaving aview the UI objects are destroyed, but data object persists, keeping the memory footprint small
- 71. You can overridethe destruction of the UI, if it's an expensive UI to build and destroy (detailed chart with lots of visible data)
- 72. A history ismaintained and when the back button is pressed it cycles through the history
- 73. Transitions can beeasily added from one screen to another
- 74. ActionBar There's 3areas of the ActionBar navigationContent, titleContent and actionContent All are optional just like the ActionBar itself
- 75. TitleContent default hasa label displaying the view title Can be disabled to just have the title of the app or something else similar Can be used with view transitions to animated in-sync with the view
- 76.
- 77. Resources Adobe FlashBuilder: http://www.adobe.com/go/try_flashbuilder/
- 78. Flex 4.5.1 SDK:http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.5
- 79. Flex portal runby Adobe: http://flex.org/
- 80. Flex Developer Center:http://www.adobe.com/devnet/flex.html
- 81. Devgirl's Weblog -Holly Schinsky http://devgirl.org
- 82.
Editor's Notes
- #2 How many designers out there? How many developers? How many Flex developers? Developers familiar with Flex 4?
- #16 supports hardware keys currently only back button, but looks like support for menu button is coming in a later release orientation support keeps track of the device orientation as a Flex state you can create a UI that changes with orientation or you can give it a completely different view provides API to save data between application sessions & phone calls note the data that is saved is not encrypted best not use this for any sensitive data, unless you add your own encryption