android illegal

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





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.html


Sales 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.html


Sample 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/BlueChips


When 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 checklist

Have fun! :)

About one week ago Adobe released Flex SDK 4.6 and Flash Builder 4.6. The main goal of these releases was mobile and especially tablet development. And in this post I want to share some stuff that will inspire and motivate you for mobile development with Adobe technologies.

As the official Adobe blog says, the Flex 4.6 release was built on the mobile capabilities introduced in Flex 4.5, enabling you to:

• create tablet apps with multiple views and adaptive layouts
• use new tablet focused UI components, including Callout, SpinnerList, and ToggleButton controls
• add text inputs with OS-specific interfaces and interactions to your apps
• package AIR runtime with your application
• have better integration and usage of ActionScript Native Extensions

<s:TextInput softKeyboardType="number"/>

In the second part of that article I will show you several examples of nice mobile and cross-platform applications built with Adobe Flex. Many of them are open sourced, so you will be able to investigate their code to improve your skills. See u! ;-)

Hello fellows! After I a long vacation finally I am back now and ready for new challenges! :)

As you may know last weeks there were a lot of talks about Adobe's decision to stop Adobe Flash player development for mobile devices. Plus, Adobe announced intention to donate Flex framework to the community via Apache Software Foundation. So, Adobe Flex 4.6 is the last version that was developed by Adobe itself.

Many people cry that  Adobe kills Flash and Flex platform with that decision. But it's absolutely not true! In fact Adobe Flash player on mobile devices wasn't very good and most of the users didn't use it. So there is really nothing bad to stop development Flash Player for mobile devices.
What about Flex framework? Well, I am sure that Flex community (which is quite active and skilled) will be able to continue Flex framework development and enrich it with new cool features.
You can read more about community's initiative here: http://www.spoon.as/

Also, to prevent groundless panic and thoughts Adobe posted an article with answers on the most important questions about Flash, Flex future.
Some questions and answers:
- Is Adobe still committed to Flex?
- Yes. ...

- Is Adobe still committed to Flash Builder?
- Yes. ...

- Will Adobe continue to support customers using Flex?
- Yes. ...

- Isn’t Adobe just abandoning Flex SDK and putting it out to Apache to die?
- Absolutely not - ...

- What guarantees can Adobe make in relation to Flex applications continuing to run on Flash Player and Adobe AIR?
- Adobe will continue to support applications built with Flex, as well as all future versions of the SDK running in PC browsers with Adobe Flash Player and as mobile apps with Adobe AIR indefinitely on Apple iOS, Google Android and RIM BlackBerry Tablet OS.

You can find more and full answers here:
http://blogs.adobe.com/flex/2011/11/your-questions-about-flex.html

Today I want to show you a nice image manipulation trick that you can do in Flex. 
Imagine that you have image of some paper object (like envelope or flyer):

and you want to transform it a little bit to get a realistic look of the folded paper. Something like this:

I will show you how to do it! ;)

Solution...

1) Slice original image into several parts:
 
var imageData:BitmapData = Bitmap(image.content).bitmapData;  
var slicesData:Array = [];   
var sliceWidth:Number = imageData.width / numSlices; 
var sliceHeight:Number = imageData.height;

for (var i:int = 0; i < numSlices; i++)
{
   slicesData[i] = new BitmapData(sliceWidth, sliceHeight);
     slicesData[i].copyPixels(imageData, new Rectangle(i *
     sliceWidth, 0, sliceWidth, sliceHeight), new Point(0, 0));
}

2) Apply skew transofrmation for each even part, and apply the same scew but with the opposite direction for odd parts:
for (var i:int = 0; i < slices.length; i++)
{
    var skewMatrix:Matrix = new Matrix();
    if (i % 2)
        skewMatrix.b = skew;
    else
        skewMatrix.b = -skew;
    slices[i].transform.matrix = skewMatrix;
}

3) In real life there are light sources, so some parts of the object are lighter, while the other parts are darker (because of the shadow). So in order to make more realistic look we will extend step 2 with color transformations:

for (var i:int = 0; i < slices.length; i++)
{
    var skewMatrix:Matrix = new Matrix();
    // if even: skew and make it darker
    if (i % 2)
    {
        skewMatrix.b = skew;
        slices[i].transform.colorTransform = new ColorTransform    
        (shadowFactor, shadowFactor, shadowFactor, 1, 0, 0, 0, 0);
    }
    // if odd: skew and make it lighter
    else
    {
        skewMatrix.b = -skew;
        slices[i].transform.colorTransform = new ColorTransform    
        (lightFactor, lightFactor, lightFactor, 1, 0, 0, 0, 0);
    }

    slices[i].transform.matrix = skewMatrix;
}

4) Finally, just put all slices into one container with horizontal layout and horizontal gap = 0 and you will get a nice image of the folded paper! :)


We can get a lot of different combinations by playing with 4 main parameters: number of sliced, scew factor, light factor and shadow factor. 
Source code is available here.


Additional examples: