Sony Ericsson release Flash UI Components in AS2

Picture 1

A few days ago the team at Sony Ericsson released their first set of UI components for the Flash Player on mobile devices.  Written in AS2 and fully integrated with Adobe Flash Professional CS4.

Each of the controls are fully customizable use the Component inspector, enabling you to change the look and feel for your applications.  Everything from background colors to text values and icons are supported across the components, it’s ridiculously easy to make them fit with your apps look and feel.

The beta set includes 8 new components ready for you to use:

  • Checkbox
  • List – Single Row with Icon
  • List – Two Rows with Icon
  • Progress Indicator
  • Push Button
  • Radio Button
  • Softkey Bar
  • Wait Indicator

How to Get Started

Once you’ve downloaded the MXP file here, you can install the components by simply double clicking on the file.  The Adobe Extension Manager will install the files and add them to the Components Panel in Flash Professional, you can open it using the Window Menu within the tool.

As you see it’s then possible to start dragging the UI components onto the Stage here on the left, which in my case is set for a Sony Ericsson C905 device at 240×320.  By default the components come with a nice Sony Ericsson look and feel, and if you’re like me then a little help in the UI department always helps (as you’ll see later).

Picture 3

Using the component inspector (shown here in the middle) you can then start to customize the look and feel of the list.  Check out just how much you can configure the components simply by clicking a few options, it’s really very nice indeed.

Ok, so I said about that my design talents need some work but I’ve played around with the various options and come out all blue.  Additionally, since the list component is using live preview, you can see your items directly and the active scrollbar on the stage.

Picture 8

Of course you can configure these options with Actionscript too, which is pretty much required for anything other than static lists.  Yet for colors and sizes there’s a real value in having live preview components, particularly for the designers among you.

Picture 9

In the image above I’ve added a softkey menu to enable me to buy some Star Fruit, which is shown selected at the top.  Using the component inspector I can set each of the items too, and so disable items that may be unavailable.  I can also change their color for highlighted, selected and disabled items directly in the tool.

Picture 4

Now that I’ve completed my list I can add a simple shadow fill and the Wait Indicator component (in circle mode) to animate when the purchase is taking place.  Again it’s configurable so that I can make it fit in with my application, and of course control the spinning of the circle in Actionscript.

Then I’m ready to test in Device Central CS4 to ensure that everything looks great, before a bit of testing on the Sony Ericsson C905 :-)

Picture 5

Remember that it’s possible to begin using these components along with the extensive list of MXP files for Project Capuchin.  Targeting Capuchin devices enables you to deliver standalone applications that have full access to JavaME apis on the JP8 platform, there are seventeen devices already.

Don’t forget the PlayNow Arena available on 38 devices, 17 countries and 200million users!