I just returned from RIA Unleashed where Christophe and I presented a Flex Mobile Boot Camp session. In this session we built an Expense Reporting application called XpenseIt, specifcally targeted for tablet devices. We originally presented a 4.5.1 version at MAX, but wanted to utilize all the awesome new components available in Flex 4.6.
We’re sharing the assets from this 3 hour lab HERE for those who could not attend and might want to work on it on their own with the lab guide, or even just grab the final project for reference. With the lab guide PDF is a starter fxp called XpenseItLab.fxp that contains some already coded resources (to save time) that you will use as a basis for further development using the lab guide. There’s also an XpenseItFinal.fxp that you can download to try out the final application or compare it to your work. The zip file contains all three of these assets for easier download.
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)
– also a custom BindableSpinnerList component
- New ToggleSwitch component
- Dynamic Splash Screen
- Soft Keyboard Type handling (showing the numeric soft keyboard for example)
In addition to these new features, we also show the use of the AIR Geolocation and CameraUI APIs and provide some handy encapsulated utilities using them. There’s a StatesUtil.as class that you should check out too that will allow you to handle differences with DPI, resolution, aspect ratio, OS etc, so pay extra attention to that and the states handling you can do with it to make your life easier when coding cross-platform!
If you’re looking for a Flex 4.5.1 version, we covered this in our Adobe MAX lab and the guide and project files are available here… You’ll see an extended version of the 4.5.1 application listed there as well that will show how you could potentially implement a simple login mechanism and a charts view for your expense reports.
Happy Coding ;)!!
About the Author (Author Profile)
Sites That Link to this Post
- Flex 4.6 is out! | RIAgora | November 30, 2011