This is the second part of my post about Adobe Flex usage at mobile platforms.
In this post I want to show you several good sample projects of Adobe Flex usage on mobile platforms. All of them have source codes available for download. So if you're interested in cross-platform application creation with Adobe Flex this is a good way for a quick dive! ;)
Adobe engineers team has made a great progress with AIR runtime, and now Adobe Flex applications on mobile platforms (Android, iOS, etc.) show good performance and list of available features. At the same time, evangelists team has prepared a bunch of demo projects for popularizing of Adobe Flex as technology for cross-platform development.
Expense tracker application
The Expense Tracker Reference Application is a sample application created with Flex 4.6. It will introduce you to the major updates in the Flex 4.6 SDK, and demonstrate best practices for designing and developing a CRUD-based experience for mobile, tablet, and web platforms. The three Flex 4.6 Reference Applications use the ViewNavigatorApplication class as an application base for screen management, the ItemRenderer and LabeltItemRenderer/IconItemRenderer classes for list controls, and the MultiDPIBitmapSource and RuntimeDPI providers as means to manage different DPIs on different devices.
More info and source code:
Shopping cart application
The Shopping Cart Reference Application is a sample application created with Flex 4.5. It will introduce you to the major updates in the Flex 4.5 SDK, and demonstrate best practices for designing and developing a shopping experience for both mobile and web platforms. The three Flex 4.5 Reference Applications use the ViewNavigatorApplication class as an application base for screen management, the ItemRenderer and LabeltItemRenderer/IconItemRenderer classes for list controls, and the MultiDPIBitmapSource and RuntimeDPI providers as means to manage different DPIs on different devices.
More info and source code:
http://www.adobe.com/devnet/flex/samples/shopping-cart-application.htmlSales dashboard application
The Sales Dashboard Reference Application is a sample application created with Flex 4.6. It will introduce you to the major updates in the Flex 4.6 SDK, and demonstrate best practices for designing and developing an enterprise sales dashboard experience for mobile, tablet, and web platforms. The three Flex 4.6 Reference Applications use the ViewNavigatorApplication class as an application base for screen management, the ItemRenderer and LabeltItemRenderer/IconItemRenderer classes for list controls, and the MultiDPIBitmapSource and RuntimeDPI providers as means to manage different DPIs on different devices.
More info and source code:
http://www.adobe.com/devnet/flex/samples/sales-dashboard-application.htmlSample application for tablet with latest Flex 4.6 components
The Flex 4.6 SDK features used in the application are:
- SplitViewNavigator with state handling (uses new properties to put the first view in a Callout when in portrait mode due to screen space)
- New Callout component
- New CalloutButton component
- New SpinnerList component (and corresponding SpinnerListContainer)
- New ToggleSwitch component
- Dynamic Splash Screen
- Soft Keyboard Type handling (showing the numeric soft keyboard for example)
More info and source code:
http://devgirl.org/2011/10/31/flex-mobile-development-building-tablet-apps-full-example-with-source-code/Game of Flex for tablets
If you want to check the source code of the app, you’ll learn:
- How to use the new SplitViewNavigator architecture (portrait and landscape layouts on tablet devices)
- How to display HTML content inside a Flex app
- How to access the camera to take pictures
- How to use the BusyIndicator, ToggleSwitch and List components
- How to enable multi-touch
- How to manage your views
- How to use the accelerometer
- How to create custom AS3 item renderers for your lists
- How to access the local SQLite database
- How to use native extensions
- How to set up the new DateSpinner component
- How to display callout popups
- How to set up the software keyboard to match your needs
- How to declare spinner lists
More info and source code:
http://www.riagora.com/2011/12/game-of-flex-on-tablets/
Blue Chips application
The application demonstrates extensive usage of chart components and new Flex 4.6 components that target tablet development.
Description and video:
http://www.riaspace.com/2011/12/flex-4-6-bluechips-demo/Source code:
https://github.com/pwalczyszyn/BlueChipsWhen you will start creation of your own mobile application with Adobe Flex, don't forget about performance optimization. It's quite important to provide responsive user interface with seamless interaction.
There is an article that will be quite useful for that purpose:
Flex mobile performance checklistHave fun! :)