Home » Archive

Articles in the Flex Category

Flex »

[28 Aug 2012 | No Comment | ]

Adobe Flash Builder 4.7 beta release introduces new iOS development features and enhancements to Flash Builder and provides support for the new Apache Flex SDK.

Key features for Flash Builder 4.7 include:

Support for Apache Flex SDK.
New complier support for ActionScript Projects
Support for creating ActionScript Workers
Support for iOS USB deployment, testing & debugging
Support for iOS simulator

More about features
Download Flash Builder 4.7 Beta

Flex, Mobile Technology »

[22 Sep 2011 | No Comment | ]

Add Icon on tabs: On creating Flex mobile application using TabbedViewNavigatorApplication container with multiple ViewNavigator. The TabbedViewNavigatorApplication it self creates tabbed navigation component at the bottom to navigate with in the multiple ViewNavigator section. We are going to see how to customize the look of tabbed view by adding icon to it.
 

 
To create TabbedViewNavigatorApplication with tabs:
The below code to create TabbedViewNavigatorApplication with multiple sections. Please find the download source for the code used in this section.
<?xml version=”1.0″ encoding=”utf-8″?>
<components:TabbedViewNavigatorApplication xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:components=”spark.components.*”
xmlns:views=”views.*”>

<views:Home id=”home” label=”Home”/>
<views:Flash …

Flex »

[21 Sep 2011 | No Comment | ]

The ActionBar control can be removed or disbled from Flex 4.5 mobile application by ViewNavigator.hideActionBar() to hide or remove the ActionBar control from all the views controlled by the ViewNavigator.
 

 
Hide the ActionBar on Creation Complete:
The following example shows how to remove the actionbar control from the flex mobile application on creationComplete handler in Flex.
 
Main.mxml – Loads all the ViewNavigator files:
<?xml version=”1.0″ encoding=”utf-8″?>
<components:TabbedViewNavigatorApplication xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:components=”spark.components.*” xmlns:views=”views.*”
creationComplete=”creationCompleteHandler(event);”>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;

protected function creationCompleteHandler(event:FlexEvent):void {
// Access the ViewNavigator using the ViewNavigatorApplication.navigator property.
home.hideActionBar();
}
]]>
</fx:Script>

<fx:Declarations>
<!– Place non-visual elements (e.g., services, value objects) …

Flex »

[16 Jul 2011 | No Comment | ]

Layouts are one of the great new features in Flex 4 Spark, but unfortunately, they are also under-used and very under-appreciated. We’re here to change that. FlexLayouts provides an open source library of custom Flex 4 layouts that you can use in your own projects (both commercial and non-commercial) for free.
Circle Layout:
CircleLayout is a custom layout that arranges visual components in a circle so that they fit entirely inside their parent container.
Flow Layout:
FlowLayout is a custom layout that arranges visual components in order, left-to-right, row by row, just like the …

ActionScript 3.0, Flex »

[21 Mar 2011 | One Comment | ]

In this tutorial we are going to see how to filter Flex Chart data by consuming a XML data. Knowledge of creating custom MXML component is must before starting this tutorial. Chart filtering will be useful when creating dashboard application, where user can display selected data as Charts.
Tutorial details:
Difficulty: Intermediate
Using: Flex Builder (MXML and Actionscript 3.0)
Filter Flex Chart Final Output:
 

Download source files | View demo online:
 

 
Setting up the XML data:
Copy and paste the below XML data to the XML document, which will be later fetched by the Flex application. Now …