This year, Adobe released a great environment with Flex SDK and Flash Builder to support mobile application development with mobile optimized components and framework. Flash Builder 4.5 provides mobile project type, multiplatform device simulations and on device debugging and easy packaging for deployment on range of application stores.
I really like the environment, single framework and tool to build and deploy rich, expressive mobile and tablet apps on Android, BlackBerry Tablet, iPag and iPhone device.
You can get ideas about Flash Builder 4.5 from here :
What’s new in Flash Builder 4.5
Introduction of Flex 4.6
According to Adobe, Flex 4.6 will be released later this year, with new version of the SDK and a corresponding update to Flash Builder with new components and functionality specifically designed to help to create application for latest mobile and tablet device.
- SplitViewNavigator : A new top-level application component specifically designed for the tablet experience. With only few lines of code, manage the layout of multiple views and have them adapt automatically based on device orientation.
- CallOutButton : A versatile component that pops over existing content and can contain text, components or even entire views.
- SpinnerList : This popular tablet component is an adaption of the existing List component. It not only has a new look, but also gives options like recirculating content and a position based selection model.
- DateSpinner : A highly flexible component that is not only locale-aware, but provides multiple out-of-the-box configurations to fit most date/time entry needs.
- Text Enhancements : Flex 4.6 solves the problem of cross-device text input. Flex exposes the native text-editing controls on EVERY platform—this enables the developer to customize the keyboard and the user to experience the native UI of common operations like selection, copy/paste and spelling checking.
- ToggleSwitch : This simple and much-requested control is now available in Flex 4.6.
Also in addition to supporting the new features in the Flex framework, Flash Builder 4.6 exposes new capabilities that will enable developers to build better cross-platform mobile applications—Native Extensions and Captive Runtime.
Native Extensions allows developers to complement their Flex application with native C, Objective-C, and Java libraries—this new feature opens a world of new possibilities for both mobile and desktop applications. Providing access to Apple iOS, Google Android, and BlackBerry Tablet OS specific APIs, your applications can access native features like notifications or the calendar. Flash Builder provides complete support for both managing and packaging Native Extensions. To read more about the possibilities or learn how to build your own native extension, see Oliver Goldman’s article,Extending Adobe AIR.
Here you will get more information about Flash Builder 4.6 & Flex 4.6.
So Friends, Enjoy RIA
Recently, I spend some time to feel the great environment in Flash Builder “Burrito” for mobile application development. I like to share the basic ideas to start work on mobile application development environment.
With the rapid evolution of mobile computing platforms, new challenges have emerged for application developers. Adobe Flex SDK “Hero” and Flash Builder “Burrito”, along with the availability of the Adobe AIR runtime on mobile devices, developers can now build mobile applications for touchscreen smartphones and tablets with same ease and quality as on desktop platforms using Flex.
Setting up the project
After installing Flash Builder “Burrito” follow these steps to create your first mobile application:
1) Choose File > New > Flex Mobile Project.
2) For project name type FirstMobileApp
3) For mobile settings, make sure Google Android and Mobile Application options are selected.
4) Skip the server settings with their default values ( As we are not using application server for this application.)
5) Skip the build path settings with default values and select Finish.
Flash Builder “Burrito” creates a new mobile project, with two default files and initial view of the application. Now, its ready to start application logic, according to your needs. But for the first mobile application we creating simple application with navigation between some screens.
Now, first add a Button, to perform navigation to application’s first view. For this we are using ViewNavigator component. To change views will have to update the navigator what to do and accordingly, the build in navigation system responds. Will have to add the following code to add Home button to first view.
<s:navigationContent> <s:Button label="Home" click="navigator.popToFirstView()"/> </s:navigationContent>
When the Home button clicked, postToFirstView() invoked, and the navigator will display the first view.
Within the tag <s:navigationContent> in FirstMobileApp.mxml, the firstView property has been set to views.FirstMobileApp, which refers to a file that was automatically generated when you created the project. When the user clicks the Home button, the ViewNavigator component will load the views. FirstMobileApp view.
Now, follow these steps to add more view screen :
1) Right-click the views package and select New > MXML component.
2) Type component name, here DetailsView as the name
3) Click Finish
4) Update the DetailsView code as below:
<?xml version="1.0" encoding="utf-8"?> <s:View xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" title="DetailsView"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <s:VGroup horizontalCenter="0" verticalCenter="0"> <s:Button label="Go Home" click="navigator.popToFirstView()"/> <s:Button label="More Details View" click="navigator.pushView(views.MoreDetailsView)"/> </s:VGroup> </s:View>
5) Repeat the steps as describe above and create MoreDetailsView.mxml and update its code.
Running the application in the emulator
Now follow the steps, to run the application with the emulator.
1) Open the FirstMobileApp.mxml
2) Choose Run > Run As > Mobile Application.
3) Select On Desktop as the Lunch Method and then choose a device to simulate
4) Click Apply > Run
The emulator will open and you will be able to navigate through the application using the buttons.
Running the application on a device
Excited to run the application on device!
If you have an device, you can follow the steps below to test your application on your device:
1. Plug your device into your USB port and choose Run > Run Configurations.
2. Change the Launch Method to On Device.
3. Click Run.
4. If the Choose Device dialog box appears, you may need to click Refresh and select your device.
If everything configure perfectly, then the application simply launch on device.
Hope this post will be helpful to start development with Flash Builder “Burrito”.
Packager for iPhone, a great feature of Adobe Adobe Flash Professional CS5 and Adobe AIR SDK 2.0.1, which offer developers a fast and efficient method to reuse existing code from projects to develop native applications on iOS devices.
You will get more information regarding iPhone applications development from below list :
1) Packager for iPhone developer guide – Details
2) Developing for iOS using Flash – Details
3) Optimizing content for Apple iOS devices – Details
4) Saving state in AIR applications for iOS devices - Details
5) Using screen orientation APIs for smartphone application development – Details
6) Guide for Apple App Store submissions – Details
You can download the Packager for iPhone from here.
Today I seen an superb demo of ‘flex 4 application running on google nexus one’ by Harish, an Adobe Evangelists.
And there is a list of the nice Key points described, and finally it comes to the Flex Mobile Framework.
You can enjoy the demo.
It would be a great feature for flex developers !!!
You can get more details from here.
MAX sessions updates are as below. There are some important discussion like important tips for web design, increasing performance of Flash, Flex, AIR applications and most important secrets behind Flash and so on .
Rocking news for Flex Developers
Adobe is developing a Flex framework that will make it easy for developers to build Flex application that run across mobile devices. The mobile version of Flex framework code-named “Slider”.
‘Slider” will enable developers to create multi screen applications, leveraging their existing skills and so on.
The framework is expected to be available in 2010.
You can get more information from the here.