From Flash Professional CS5, you can add text to a FLA file using a new text engine called the Text Layout Framework (TLF).
TLF supports a wide range of functions, layout and text formatting attributes.
The text TLF gives you more control over text than the previous text engine, which is now called classic texts.
Compared to the classic text, the text TLF provides the following improvements:

• Additional font styles, including spacing, ligatures, highlight color, underline, strikethrough, capitalization, type of figures and more.
• Additional paragraph styles, including multi-column margin width central options justification of the last line, margins, indents, paragraph spacing and spacing values of the containers.
• Control attributes of Asian text, including Tate Chu Yoko Mojikumi, Type Kinsoku Shore model spacing.
• You can apply attributes such as 3D rotation, color effects and blending modes to insert text without TLF in a movie clip symbol.
• The text can scroll across multiple text boxes, which are defined in this case linked or connected.
• The ability to create text with direction from right to left for Arabic and Hebrew.
• Support for bidirectional text, with the possibility of including elements of text from left to right in a text direction from right to left.
  This option is important, for example, when you need to incorporate English words Arabic numerals or in a text written in Arabic or Hebrew.

The text is in containers that can be physically drawn on the Stage using the Text tool and named instance, or as is more joint can be created at runtime with Actionscript.
Text can be formatted and manipulated through the Properties panel.
If there is a property pane, its counterpart is also found in ActionScript.
The bad news of course is that ActionScript does not format the text until you tell it what to do.
Most projects will start telling Flash to create a configuration for the ‘object, which is used to tell Flash how to manage text layout.

The appearance of the text is run by TextFlow class, which takes its orders, so to speak, the configuration object.
The default format is set using a class property called textFlowInitialFormat configuration.
To change it, just use the class TextlayoutFormat to set the font, colors, alignment, and so on, and then say that its configuration textFlowInitialFormat has changed.
Instead, the class TextFlow has overall responsibility for all the words inside a container.
With this information we go to work with TLF and ActionScript.

Read more…

Related posts

• No related posts.

Using DateField component of Flex 4 with MXML, Actionscript 3.0 and external XML file

Main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" addedToStage="init()" pageTitle="Flex 4 DateField Tutorial">
    <fx:Script>
        <![CDATA[
            import com.flepstudio.utils.*;

            import flash.events.*;

            import mx.collections.ArrayCollection;
            import mx.controls.*;
            import mx.events.*;

            private var XML_PATH:String="http://flepstudio.org/FlashBuilder/tut_5/XML/list.xml";
            private var xmlLoader:XMLLoader;
            private var xmlData:XML;
            private var datefield:DateField;
            private var label:Label;
            private var months_array:Array=new Array();
            private var current_selection:Date;

            private function init():void
            {
                loadXML();
            }

            private function loadXML():void
            {
                xmlLoader=new XMLLoader();
                xmlLoader.addEventListener(CustomEvent.ONLOADED,onXMLLoaded);
                xmlLoader.load(XML_PATH);
            }

            private function onXMLLoaded(evt:CustomEvent):void
            {
                evt.target.removeEventListener(Event.COMPLETE,onXMLLoaded);
                xmlData=new XML(evt.data);

                var months:int=xmlData.month.length();
                for(var i:int=0;i<months;i++)
                {
                    months_array.push(xmlData.month[i].@name);
                }

                label=new Label();
                label.width=800;
                label.height=500;
                label.text="History:"+"\n";

                datefield=new DateField();
                var today:Date=new Date();
                datefield.selectedDate=today;

                hb1.addChild(datefield);
                hb2.addChild(label);

                datefield.addEventListener(Event.CHANGE,onDatefieldChange);
                datefield.addEventListener(DateChooserEvent.SCROLL,onMonthChange);
            }

            private function onDatefieldChange(evt:Event):void
            {
                label.text+=evt.target.selectedDate+"\n";
                current_selection=evt.target.selectedDate;
            }

            private function onMonthChange(evt:DateChooserEvent):void
            {
                var month:int=evt.target.displayedMonth;
                label.text+="Scrolling months: "+months_array[month]+"  "+evt.target.displayedYear+"\n";
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <mx:HBox id="hb1" x="10" y="150"/>
    <mx:HBox id="hb2" x="10" y="180"/>
    <mx:Image x="10" y="10" source="http://png-images.findicons.com/files/icons/53/cats/128/adobe_flex_3_folder.png"/>
    <mx:Image x="140" y="10" source="http://png-images.findicons.com/files/icons/1757/isabi/128/flash_player.png"/>
</s:Application>

XMLloader.as:

package com.flepstudio.utils
{
    import flash.events.*;
    import flash.net.*;
    import flash.xml.*

        /**
         * XMLLoader is a ValueObject for the FlepStudio API.
         * This class loads a parses an xml file - no XMLList used
         *
         * @author Filippo Lughi
         * @version Actionscript 3.0
         */
        public class XMLLoader extends EventDispatcher
        {
            private var _file_url:URLRequest;
            private var _file_xml:XML;
            private var _urlLoader:URLLoader;

            /**
             * Construct a new XMLLoader instance
             *
             * @param        .target                IEventDispatcher
             */
            public function XMLLoader(target:IEventDispatcher=null)
            {
                urlLoader=new URLLoader();
                super(target);
            }

            /**
             * The request to load the file
             */
            public function get file_url():URLRequest
            {
                return _file_url;
            }

            public function set file_url(file:URLRequest):void
            {
                _file_url=file;
            }

            /**
             * The XML file
             */
            public function get file_xml():XML
            {
                return _file_xml;
            }

            public function set file_xml(xml:XML):void
            {
                _file_xml=xml;
            }

            /**
             * The loader instance
             */
            public function get urlLoader():URLLoader
            {
                return _urlLoader;
            }

            public function set urlLoader(loader:URLLoader):void
            {
                _urlLoader=loader;
            }

            /**
             * Load the XML file
             *
             * @param        .strFileName                String
             */
            public function load(strFileName:String):void
            {
                file_url=new URLRequest(strFileName);
                urlLoader.load(file_url);
                urlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
            }

            /**
             * Finish loading
             *
             * @param        .evt                Event
             */
            private function onXMLLoaded(evt:Event):void
            {
                urlLoader.removeEventListener(Event.COMPLETE,onXMLLoaded);

                var dataLoader:URLLoader=evt.target as URLLoader;
                file_xml=new XML(dataLoader.data);
                dispatchEvent(new CustomEvent(CustomEvent.ONLOADED,file_xml));

                file_xml=null;
                dataLoader=null;
                urlLoader=null;
            }
        }
}

CustomEvent.as:

package com.flepstudio.utils
{
    import flash.events.*;

    /**
     * CustomEvent is a ValueObject for the FlepStudio API.
     * Working and using custom events with custom constants
     *
     * @author Filippo Lughi
     * @version Actionscript 3.0
     */
    public class CustomEvent extends Event
    {
        private var _data:*;
        public static const ONLOADED:String="OnLoaded";

        /**
         * Construct a new CustomEvent instance
         *
         * @param        .type                String
         * @param        .data                *Universal
         */
        public function CustomEvent(type:String,data:*)
        {
            this.data=data;
            super(type);
        }

        /**
         * The data of the CustomEvent
         */
        public function get data():*
        {
            return _data;
        }

        public function set data(d:*):void
        {
            _data=d;
        }
    }
}

external XML, list.xml:

<?xml version="1.0" encoding="UTF-8"?>
<list>
    <month name="January"/>
    <month name="February"/>
    <month name="March"/>
    <month name="April"/>
    <month name="May"/>
    <month name="June"/>
    <month name="July"/>
    <month name="August"/>
    <month name="September"/>
    <month name="October"/>
    <month name="November"/>
    <month name="December"/>
</list>

Related posts

• Using List and DataGrid components of Flex 4 (0)
• Using DataChooser component of Flex 4 (0)
• Flex 4 ComboBox MXML and external XML (0)

Version 5 of HTML supports the embed tag.
This tag allows us to easily insert an SWF in our HTML5 page.
Here is the code to insert a SWF.

SWF with background

<embed src="main.swf" width="550" height="400" />

SWF with tansparent background

<embed src="main.swf" width="550" height="400" wmode="transparent" />

SWF with Flashvars

<embed src="main.swf" width="550" height="400" flashvars="id=hello world" wmode="transparent" />

Important:

• You can NOT write text between the start and end tags
• The embed tag also supports the Standard Attributes in HTML 5
• The embed tag also supports the Event Attributes in HTML 5

PS:

I tested the embed tag on MAC with the following browsers:

• Safari 5.0.1
• Google Chrome 5.0.375.125
• Firefox 3.6.6

Related posts

• No related posts.

Using List and DataGrid components of Flex 4 with MXML, Actionscript 3.0 and external XML file.

Main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" addedToStage="init()" pageTitle="Flex 4 List and DataGrid Tutorial">
    <fx:Script>
        <![CDATA[
            import com.flepstudio.utils.*;

            import flash.events.*;

            import mx.collections.ArrayCollection;
            import mx.controls.*;
            import mx.events.*;
            import mx.validators.ValidationResult;

            private var XML_PATH:String="http://flepstudio.org/FlashBuilder/tut_4/XML/list.xml";
            private var xmlLoader:XMLLoader;
            private var xmlData:XML;
            private var list:List;
            private var datagrid:DataGrid;

            private var albums_array:Array=new Array();
            private var tracks_array:Array=new Array();

            private function init():void
            {
                loadXML();
            }

            private function loadXML():void
            {
                xmlLoader=new XMLLoader();
                xmlLoader.addEventListener(CustomEvent.ONLOADED,onXMLLoaded);
                xmlLoader.load(XML_PATH);
            }

            private function onXMLLoaded(evt:CustomEvent):void
            {
                evt.target.removeEventListener(Event.COMPLETE,onXMLLoaded);
                xmlData=new XML(evt.data);

                var albums:int=xmlData.album.length();
                for(var i:int=0;i<albums;i++)
                {
                    var obj:Object=new Object();
                    obj.label=xmlData.album[i].@title+"\n"+"Released "+xmlData.album[i].@released+"\n"+"Label "+xmlData.album[i].@label;
                    albums_array.push(obj);

                    var xml_list:XMLList=new XMLList(xmlData.album[i].track);
                    tracks_array.push(xml_list);
                }

                list=new List();
                list.width=230;
                list.dataProvider=albums_array;
                list.selectedIndex=0;
                hb1.addChild(list);

                datagrid=new DataGrid();
                datagrid.width=900;
                hb2.addChild(datagrid);
                datagridDisplayData(0);

                list.addEventListener(Event.CHANGE,onListChange);
                datagrid.addEventListener(Event.CHANGE,onDatagridChange);
            }

            private function onListChange(evt:Event):void
            {
                datagridDisplayData(evt.target.selectedIndex);
            }

            private function datagridDisplayData(id:int):void
            {
                datagrid.dataProvider=tracks_array[id];
            }

            private function onDatagridChange(evt:Event):void
            {
                label.text="You selected:  "+evt.target.selectedItem;
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <mx:HBox id="hb1" x="10" y="150"/>
    <mx:HBox id="hb2" x="250" y="150"/>
    <mx:Image x="10" y="10" source="http://png-images.findicons.com/files/icons/53/cats/128/adobe_flex_3_folder.png"/>
    <mx:Image x="140" y="10" source="http://png-images.findicons.com/files/icons/1757/isabi/128/flash_player.png"/>
    <s:Label x="250" y="330" width="499" height="157" id="label"/>
</s:Application>

XMLloader.as:

package com.flepstudio.utils
{
    import flash.events.*;
    import flash.net.*;
    import flash.xml.*

        /**
         * XMLLoader is a ValueObject for the FlepStudio API.
         * This class loads a parses an xml file - no XMLList used
         *
         * @author Filippo Lughi
         * @version Actionscript 3.0
         */
        public class XMLLoader extends EventDispatcher
        {
            private var _file_url:URLRequest;
            private var _file_xml:XML;
            private var _urlLoader:URLLoader;

            /**
             * Construct a new XMLLoader instance
             *
             * @param        .target                IEventDispatcher
             */
            public function XMLLoader(target:IEventDispatcher=null)
            {
                urlLoader=new URLLoader();
                super(target);
            }

            /**
             * The request to load the file
             */
            public function get file_url():URLRequest
            {
                return _file_url;
            }

            public function set file_url(file:URLRequest):void
            {
                _file_url=file;
            }

            /**
             * The XML file
             */
            public function get file_xml():XML
            {
                return _file_xml;
            }

            public function set file_xml(xml:XML):void
            {
                _file_xml=xml;
            }

            /**
             * The loader instance
             */
            public function get urlLoader():URLLoader
            {
                return _urlLoader;
            }

            public function set urlLoader(loader:URLLoader):void
            {
                _urlLoader=loader;
            }

            /**
             * Load the XML file
             *
             * @param        .strFileName                String
             */
            public function load(strFileName:String):void
            {
                file_url=new URLRequest(strFileName);
                urlLoader.load(file_url);
                urlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
            }

            /**
             * Finish loading
             *
             * @param        .evt                Event
             */
            private function onXMLLoaded(evt:Event):void
            {
                urlLoader.removeEventListener(Event.COMPLETE,onXMLLoaded);

                var dataLoader:URLLoader=evt.target as URLLoader;
                file_xml=new XML(dataLoader.data);
                dispatchEvent(new CustomEvent(CustomEvent.ONLOADED,file_xml));

                file_xml=null;
                dataLoader=null;
                urlLoader=null;
            }
        }
}

CustomEvent.as:

package com.flepstudio.utils
{
    import flash.events.*;

    /**
     * CustomEvent is a ValueObject for the FlepStudio API.
     * Working and using custom events with custom constants
     *
     * @author Filippo Lughi
     * @version Actionscript 3.0
     */
    public class CustomEvent extends Event
    {
        private var _data:*;
        public static const ONLOADED:String="OnLoaded";

        /**
         * Construct a new CustomEvent instance
         *
         * @param        .type                String
         * @param        .data                *Universal
         */
        public function CustomEvent(type:String,data:*)
        {
            this.data=data;
            super(type);
        }

        /**
         * The data of the CustomEvent
         */
        public function get data():*
        {
            return _data;
        }

        public function set data(d:*):void
        {
            _data=d;
        }
    }
}

External XML, list.xml:

<?xml version="1.0" encoding="UTF-8"?>
<list>
    <album title="T.N.T." released="December 1975" label="Albert Productions">
        <track duration="5:15">It's a Long Way to the Top (If You Wanna Rock 'n' Roll)</track>
        <track duration="5:04">Rock 'n' Roll Singer</track>
        <track duration="5:52">The Jack</track>
        <track duration="5:49">Live Wire</track>
        <track duration="3:34">T.N.T.</track>
        <track duration="2:51">Rocker</track>
        <track duration="4:12">Can I Sit Next to You Girl</track>
        <track duration="4:22">High Voltage</track>
        <track duration="5:23">School Days</track>
    </album>
    <album title="High Voltage" released="14 May 1976" label="Atlantic Records">
        <track duration="5:15">It's a Long Way to the Top (If You Wanna Rock 'n' Roll)</track>
        <track duration="5:04">Rock 'n' Roll Singer</track>
        <track duration="5:52">The Jack</track>
        <track duration="5:49">Live Wire</track>
        <track duration="3:34">T.N.T.</track>
        <track duration="4:12">Can I Sit Next to You Girl</track>
        <track duration="5:37">Little Lover</track>
        <track duration="4:51">She's Got Balls</track>
        <track duration="4:03">High Voltage</track>
    </album>
    <album title="Dirty Deeds Done Dirt Cheap" released="17 December 1976" label="Atlantic Records">
        <track duration="3:52">Dirty Deeds Done Dirt Cheap</track>
        <track duration="3:12">Love at First Feel</track>
        <track duration="2:38">Big Balls</track>
        <track duration="2:50">Rocker</track>
        <track duration="5:46">Problem Child</track>
        <track duration="3:18">There's Gonna Be Some Rockin</track>
        <track duration="6:57">Ain't No Fun (Waiting Round to Be a Millionaire)</track>
        <track duration="5:53">Ride On</track>
        <track duration="5:27">Squealer</track>
    </album>
    <album title="Let There Be Rock" released="23 June 1977" label="Atlantic Records">
        <track duration="5:18">Go Down</track>
        <track duration="3:34">Dog Eat Dog</track>
        <track duration="6:06">Let There Be Rock</track>
        <track duration="4:27">Bad Boy Boogie</track>
        <track duration="5:24">Problem Child</track>
        <track duration="6:09">Overdose</track>
        <track duration="4:21">Hell Ain't a Bad Place to Be</track>
        <track duration="5:24">Whole Lotta Rosie</track>
    </album>
    <album title="Powerage" released="25 May 1978" label="Atlantic Records">
        <track duration="3:05">Rock 'n' Roll Damnation</track>
        <track duration="3:00">Gimme a Bullet</track>
        <track duration="5:50">Down Payment Blues</track>
        <track duration="4:19">Gone Shootin</track>
        <track duration="5:13">Riff Raff</track>
        <track duration="4:47">Sin City</track>
        <track duration="4:58">Up to My Neck in You</track>
        <track duration="3:15">What's Next to the Moon</track>
        <track duration="3:34">Cold Hearted Man</track>
        <track duration="3:45">Kicked in the Teeth</track>
    </album>
    <album title="Highway to Hell" released="27 July 1979" label="Atlantic Records">
        <track duration="3:28">Highway to Hell</track>
        <track duration="3:23">Girls Got Rhythm</track>
        <track duration="5:10">Walk All Over You</track>
        <track duration="4:27">Touch Too Much</track>
        <track duration="3:56">Beating Around the Bush</track>
        <track duration="3:22">Shot Down in Flames</track>
        <track duration="2:34">Get It Hot</track>
        <track duration="4:37">If You Want Blood (You've Got It)</track>
        <track duration="4:17">Love Hungry Man</track>
        <track duration="6:27">Night Prowler</track>
    </album>
    <album title="Back in Black" released="25 July 1980" label="Atlantic Records">
        <track duration="5:10">Hells Bells</track>
        <track duration="5:17">Shoot to Thrill</track>
        <track duration="3:33">What Do You Do for Money Honey</track>
        <track duration="3:30">Given the Dog a Bone</track>
        <track duration="4:16">Let Me Put My Love into You</track>
        <track duration="4:14">Back in Black</track>
        <track duration="3:30">You Shook Me All Night Long</track>
        <track duration="3:57">Have a Drink on Me</track>
        <track duration="4:06">Shake a Leg</track>
        <track duration="4:15">Rock and Roll Ain't Noise Pollution</track>
    </album>
    <album title="For Those About to Rock" released="23 November 1981" label="Atlantic Records">
        <track duration="5:44">For Those About to Rock (We Salute You)</track>
        <track duration="3:25">Put the Finger on You</track>
        <track duration="3:54">Let's Get It Up</track>
        <track duration="3:30">Inject the Venom</track>
        <track duration="3:23">Snowballed</track>
        <track duration="4:23">Evil Walks</track>
        <track duration="3:19">C.O.D.</track>
        <track duration="4:23">Breaking the Rules</track>
        <track duration="3:25">Night of the Long Knives</track>
        <track duration="4:39">Spellbound</track>
    </album>
    <album title="Flick of the Switch" released="15 August 1983" label="Atlantic Records">
        <track duration="3:45">Rising Power</track>
        <track duration="3:25">This House Is on Fire</track>
        <track duration="3:15">Flick of the Switch</track>
        <track duration="4:29">Nervous Shakedown</track>
        <track duration="3:59">Landslide</track>
        <track duration="3:26">Guns for Hire</track>
        <track duration="3:21">Deep in the Hole</track>
        <track duration="3:54">Bedlam in Belgium</track>
        <track duration="3:40">Badlands</track>
        <track duration="4:09">Brain Shake</track>
    </album>
    <album title="Fly on the Wall" released="28 June 1985" label="Atlantic Records">
        <track duration="3:43">Fly on the Wall</track>
        <track duration="4:10">Shake Your Foundations</track>
        <track duration="3:40">First Blood</track>
        <track duration="4:22">Danger</track>
        <track duration="4:14">Sink the Pink</track>
        <track duration="3:44">Playing With Girls</track>
        <track duration="3:54">Stand Up</track>
        <track duration="4:31">Hell or High Water</track>
        <track duration="4:22">Back in Business</track>
        <track duration="3:26">Send for the Man</track>
    </album>
    <album title="Who Made Who" released="24 May 1986" label="Atlantic Records">
        <track duration="3:26">Who Made Who</track>
        <track duration="3:30">You Shook Me All Night Long</track>
        <track duration="2:53">D.T." (A: Young, M. Young)</track>
        <track duration="4:13">Sink the Pink</track>
        <track duration="5:51">Ride On</track>
        <track duration="5:12">Hells Bells</track>
        <track duration="4:10">Shake Your Foundations</track>
        <track duration="3:01">Chase the Ace</track>
        <track duration="5:53">For Those About to Rock (We Salute You)</track>
    </album>
    <album title="Blow Up Your Video" released="1 February 1988" label="Epic Records">
        <track duration="3:50">Heatseeker</track>
        <track duration="3:43">That's the Way I Wanna Rock 'n' Roll</track>
        <track duration="4:08">Meanstreak</track>
        <track duration="4:26">Go Zone</track>
        <track duration="3:58">Kissin' Dynamite</track>
        <track duration="4:16">Nick of Time</track>
        <track duration="4:11">Some Sin for Nuthin</track>
        <track duration="4:34">Ruff Stuff</track>
        <track duration="5:19">Two's Up</track>
        <track duration="4:23">This Means War</track>
    </album>
    <album title="The Razors Edge" released="24 September 1990" label="Atlantic Records">
        <track duration="4:53">Thunderstruck</track>
        <track duration="2:54">Fire Your Guns</track>
        <track duration="3:46">Moneytalks</track>
        <track duration="4:23">The Razors Edge</track>
        <track duration="4:00">Mistress for Christmas</track>
        <track duration="4:07">Rock Your Heart Out</track>
        <track duration="4:10">Are You Ready</track>
        <track duration="4:30">Got You by the Balls</track>
        <track duration="3:57">Shot of Love</track>
        <track duration="3:32">Let's Make It</track>
        <track duration="3:14">Goodbye and Good Riddance to Bad Luck</track>
        <track duration="3:18">If You Dare</track>
    </album>
    <album title="Ballbreaker" released="22 September 1995" label="Elektra Records">
        <track duration="4:31">Hard as a Rock</track>
        <track duration="4:32">Cover You in Oil</track>
        <track duration="4:10">The Furor</track>
        <track duration="4:07">Boogie Man</track>
        <track duration="5:34">The Honey Roll</track>
        <track duration="5:05">Burnin' Alive</track>
        <track duration="5:14">Hail Caesar</track>
        <track duration="3:14">Love Bomb</track>
        <track duration="4:14">Caught With Your Pants Down</track>
        <track duration="4:35">Whiskey on the Rocks</track>
        <track duration="4:31">Ballbreaker</track>
    </album>
    <album title="Stiff Upper Lip" released="25 February 2000" label="Elektra Entertainment">
        <track duration="3:34">Stiff Upper Lip</track>
        <track duration="3:41">Meltdown</track>
        <track duration="3:56">House of Jazz</track>
        <track duration="3:59">Hold Me Back</track>
        <track duration="3:59">Safe in New York City</track>
        <track duration="3:41">Can't Stand Still</track>
        <track duration="4:02">Can't Stop Rock 'n' Rol</track>
        <track duration="3:46">Satellite Blues</track>
        <track duration="3:52">Damned</track>
        <track duration="4:02">Come and Get It</track>
        <track duration="4:36">All Screwed Up</track>
        <track duration="3:54">Give It Up</track>
    </album>
    <album title="Black Ice" released="20 October 2008" label="Columbia Records">
        <track duration="4:21">Rock 'N Roll Train</track>
        <track duration="3:34">Skies on Fire</track>
        <track duration="3:57">Big Jack</track>
        <track duration="3:22">Anything Goes</track>
        <track duration="3:09">War Machine</track>
        <track duration="4:06">Smash 'N Grab</track>
        <track duration="3:17">Spoilin' for a Fight</track>
        <track duration="3:28">Wheels</track>
        <track duration="3:34">Decibel</track>
        <track duration="3:10">Stormy May Day</track>
        <track duration="3:53">She Likes Rock 'N Roll</track>
        <track duration="4:15">Money Made</track>
        <track duration="4:41">Rock 'N Roll Dream</track>
        <track duration="3:22">Rocking All the Way</track>
        <track duration="3:25">Black Ice</track>
    </album>
    <album title="Iron Man 2" released="19 April 2010" label="Columbia Records">
        <track duration="5:17">Shoot to Thrill</track>
        <track duration="3:37">Rock 'n' Roll Damnation</track>
        <track duration="3:26">Guns for Hire</track>
        <track duration="3:34">Cold Hearted Man</track>
        <track duration="4:14">Back in Black</track>
        <track duration="4:53">Thunderstruck</track>
        <track duration="4:37">If You Want Blood (You've Got It)</track>
        <track duration="3:23">Evil Walks</track>
        <track duration="3:34">T.N.T.</track>
        <track duration="4:15">Hell Ain't a Bad Place to Be</track>
        <track duration="3:57">Have a Drink on Me</track>
        <track duration="4:23">The Razors Edge</track>
        <track duration="6:07">Let There Be Rock</track>
        <track duration="3:10">War Machine</track>
        <track duration="3:28">Highway to Hell</track>
    </album>
</list>

Related posts

• Using DataChooser component of Flex 4 (0)
• Flex 4 DataGrid using MXML, Actionscript and external XML file (1)
• Flex 4 ComboBox MXML and external XML (0)
• describeType method with custom events (0)
• Using NumericStepper (0)

Using Flex 4 ComboBox with MXML, Actionscript 3.0 and external XML file.

Main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" addedToStage="init()" pageTitle="Flex 4 ComboBox Tutorial">
    <fx:Script>
        <![CDATA[
            import com.flepstudio.utils.*;
            import flash.events.*;
            import mx.collections.ArrayCollection;
            import mx.controls.*;
            import mx.events.*;

            private var XML_PATH:String="http://flepstudio.org/FlashBuilder/tut_3/XML/list.xml";
            private var xmlLoader:XMLLoader;
            private var xmlData:XML;
            private var combobox:ComboBox;
            private var label:Label;
            private var states_array:ArrayCollection=new ArrayCollection();

            private function init():void
            {
                loadXML();
            }

            private function loadXML():void
            {
                xmlLoader=new XMLLoader();
                xmlLoader.addEventListener(CustomEvent.ONLOADED,onXMLLoaded);
                xmlLoader.load(XML_PATH);
            }

            private function onXMLLoaded(evt:CustomEvent):void
            {
                evt.target.removeEventListener(Event.COMPLETE,onXMLLoaded);
                xmlData=new XML(evt.data);

                var states:int=xmlData.state.length();
                for(var i:int=0;i<states;i++)
                {
                    var obj:Object=new Object();
                    obj.label=xmlData.state[i];
                    obj.data=i;
                    states_array.addItemAt(obj,i);
                }

                label=new Label();
                label.width=800;
                label.height=500;
                label.text="History:"+"\n";
                combobox=new ComboBox();
                combobox.width=300;
                combobox.rowCount=8;
                combobox.dataProvider=states_array;

                hb1.addChild(combobox);
                hb2.addChild(label);

                combobox.addEventListener(Event.CHANGE,onSelection);
            }

            private function onSelection(evt:Event):void
            {
                label.text+="You selected: "+evt.target.selectedItem.label+"  |  data: "+evt.target.selectedItem.data+"\n";
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <mx:HBox id="hb1" x="10" y="150"/>
    <mx:HBox id="hb2" x="10" y="350"/>
    <mx:Image x="10" y="10" source="http://png-images.findicons.com/files/icons/53/cats/128/adobe_flex_3_folder.png"/>
    <mx:Image x="140" y="10" source="http://png-images.findicons.com/files/icons/1757/isabi/128/flash_player.png"/>
</s:Application>

XMLloader.as:

package com.flepstudio.utils
{
    import flash.events.*;
    import flash.net.*;
    import flash.xml.*

        /**
         * XMLLoader is a ValueObject for the FlepStudio API.
         * This class loads a parses an xml file - no XMLList used
         *
         * @author Filippo Lughi
         * @version Actionscript 3.0
         */
        public class XMLLoader extends EventDispatcher
        {
            private var _file_url:URLRequest;
            private var _file_xml:XML;
            private var _urlLoader:URLLoader;

            /**
             * Construct a new XMLLoader instance
             *
             * @param        .target                IEventDispatcher
             */
            public function XMLLoader(target:IEventDispatcher=null)
            {
                urlLoader=new URLLoader();
                super(target);
            }

            /**
             * The request to load the file
             */
            public function get file_url():URLRequest
            {
                return _file_url;
            }

            public function set file_url(file:URLRequest):void
            {
                _file_url=file;
            }

            /**
             * The XML file
             */
            public function get file_xml():XML
            {
                return _file_xml;
            }

            public function set file_xml(xml:XML):void
            {
                _file_xml=xml;
            }

            /**
             * The loader instance
             */
            public function get urlLoader():URLLoader
            {
                return _urlLoader;
            }

            public function set urlLoader(loader:URLLoader):void
            {
                _urlLoader=loader;
            }

            /**
             * Load the XML file
             *
             * @param        .strFileName                String
             */
            public function load(strFileName:String):void
            {
                file_url=new URLRequest(strFileName);
                urlLoader.load(file_url);
                urlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
            }

            /**
             * Finish loading
             *
             * @param        .evt                Event
             */
            private function onXMLLoaded(evt:Event):void
            {
                urlLoader.removeEventListener(Event.COMPLETE,onXMLLoaded);

                var dataLoader:URLLoader=evt.target as URLLoader;
                file_xml=new XML(dataLoader.data);
                dispatchEvent(new CustomEvent(CustomEvent.ONLOADED,file_xml));

                file_xml=null;
                dataLoader=null;
                urlLoader=null;
            }
        }
}

CustomEvent.as:

package com.flepstudio.utils
{
    import flash.events.*;

    /**
     * CustomEvent is a ValueObject for the FlepStudio API.
     * Working and using custom events with custom constants
     *
     * @author Filippo Lughi
     * @version Actionscript 3.0
     */
    public class CustomEvent extends Event
    {
        private var _data:*;
        public static const ONLOADED:String="OnLoaded";

        /**
         * Construct a new CustomEvent instance
         *
         * @param        .type                String
         * @param        .data                *Universal
         */
        public function CustomEvent(type:String,data:*)
        {
            this.data=data;
            super(type);
        }

        /**
         * The data of the CustomEvent
         */
        public function get data():*
        {
            return _data;
        }

        public function set data(d:*):void
        {
            _data=d;
        }
    }
}

External XML file, list.xml:

<?xml version="1.0" encoding="UTF-8"?>
<list>
    <state>AFGHANISTAN</state>
    <state>ALBANIA</state>
    <state>ALGERIA</state>
    <state>AMERICAN SAMOA</state>
    <state>ANDORRA</state>
    <state>ANGOLA</state>
    <state>ANGUILLA</state>
    <state>ANTARCTICA</state>
    <state>ANTIGUA AND BARBUDA</state>
    <state>ARGENTINA</state>
    <state>ARMENIA</state>
    <state>ARUBA</state>
    <state>AUSTRALIA</state>
    <state>AUSTRIA</state>
    <state>AZERBAIJAN</state>
    <state>BAHAMAS</state>
    <state>BAHRAIN</state>
    <state>BANGLADESH</state>
    <state>BARBADOS</state>
    <state>BELARUS</state>
    <state>BELGIUM</state>
    <state>BELIZE</state>
    <state>BENIN</state>
    <state>BERMUDA</state>
    <state>BHUTAN</state>
    <state>BOLIVIA</state>
    <state>BOSNIA AND HERZEGOVINA</state>
    <state>BOTSWANA</state>
    <state>BOUVET ISLAND</state>
    <state>BRAZIL</state>
    <state>BRITISH INDIAN OCEAN TERRITORY</state>
    <state>BRUNEI DARUSSALAM</state>
    <state>BULGARIA</state>
    <state>BURKINA FASO</state>
    <state>BURUNDI</state>
    <state>CAMBODIA</state>
    <state>CAMEROON</state>
    <state>CANADA</state>
    <state>CAPE VERDE</state>
    <state>CAYMAN ISLANDS</state>
    <state>CENTRAL AFRICAN REPUBLIC</state>
    <state>CHAD</state>
    <state>CHILE</state>
    <state>CHINA</state>
    <state>CHRISTMAS ISLAND</state>
    <state>COCOS (KEELING) ISLANDS</state>
    <state>COLOMBIA</state>
    <state>COMOROS</state>
    <state>CONGO</state>
    <state>CONGO, THE DEMOCRATIC REPUBLIC OF</state>
    <state>COOK ISLANDS</state>
    <state>COSTA RICA</state>
    <state>CÔTE D'IVOIRE</state>
    <state>CROATIA</state>
    <state>CUBA</state>
    <state>CYPRUS</state>
    <state>CZECH REPUBLIC</state>
    <state>DENMARK</state>
    <state>DJIBOUTI</state>
    <state>DOMINICA</state>
    <state>DOMINICAN REPUBLIC</state>
    <state>ECUADOR</state>
    <state>EGYPT</state>
    <state>EL SALVADOR</state>
    <state>EQUATORIAL GUINEA</state>
    <state>ERITREA</state>
    <state>ESTONIA</state>
    <state>ETHIOPIA</state>
    <state>FALKLAND ISLANDS (MALVINAS)</state>
    <state>FAROE ISLANDS</state>
    <state>FIJI</state>
    <state>FINLAND</state>
    <state>FRANCE</state>
    <state>FRENCH GUIANA</state>
    <state>FRENCH POLYNESIA</state>
    <state>FRENCH SOUTHERN TERRITORIES</state>
    <state>GABON</state>
    <state>GAMBIA</state>
    <state>GEORGIA</state>
    <state>GERMANY</state>
    <state>GHANA</state>
    <state>GIBRALTAR</state>
    <state>GREECE</state>
    <state>GREENLAND</state>
    <state>GRENADA</state>
    <state>GUADELOUPE</state>
    <state>GUAM</state>
    <state>GUATEMALA</state>
    <state>GUINEA</state>
    <state>GUINEA-BISSAU</state>
    <state>GUYANA</state>
    <state>HAITI</state>
    <state>HEARD ISLAND AND MCDONALD ISLANDS</state>
    <state>HOLY SEE (VATICAN CITY STATE)</state>
    <state>HONDURAS</state>
    <state>HONG KONG</state>
    <state>HUNGARY</state>
    <state>ICELAND</state>
    <state>INDIA</state>
    <state>INDONESIA</state>
    <state>INTERNATIONAL MONETARY FUND (I.M.F)</state>
    <state>IRAN, ISLAMIC REPUBLIC OF</state>
    <state>IRAQ</state>
    <state>IRELAND</state>
    <state>ISRAEL</state>
    <state>ITALY</state>
    <state>JAMAICA</state>
    <state>JAPAN</state>
    <state>JORDAN</state>
    <state>KAZAKHSTAN</state>
    <state>KENYA</state>
    <state>KIRIBATI</state>
    <state>KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</state>
    <state>KOREA, REPUBLIC OF</state>
    <state>KUWAIT</state>
    <state>KYRGYZSTAN</state>
    <state>LAO PEOPLE'S DEMOCRATIC REPUBLIC</state>
    <state>LATVIA</state>
    <state>LEBANON</state>
    <state>LESOTHO</state>
    <state>LIBERIA</state>
    <state>LIBYAN ARAB JAMAHIRIYA</state>
    <state>LIECHTENSTEIN</state>
    <state>LITHUANIA</state>
    <state>LUXEMBOURG</state>
    <state>MACAO</state>
    <state>MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</state>
    <state>MADAGASCAR</state>
    <state>MALAWI</state>
    <state>MALAYSIA</state>
    <state>MALDIVES</state>
    <state>MALI</state>
    <state>MALTA</state>
    <state>MARSHALL ISLANDS</state>
    <state>MARTINIQUE</state>
    <state>MAURITANIA</state>
    <state>MAURITIUS</state>
    <state>MAYOTTE</state>
    <state>MEXICO</state>
    <state>MICRONESIA, FEDERATED STATES OF</state>
    <state>MOLDOVA, REPUBLIC OF</state>
    <state>MONACO</state>
    <state>MONGOLIA</state>
    <state>MONTENEGRO</state>
    <state>MONTSERRAT</state>
    <state>MOROCCO</state>
    <state>MOZAMBIQUE</state>
    <state>MYANMAR</state>
    <state>NAMIBIA</state>
    <state>NAURU</state>
    <state>NEPAL</state>
    <state>NETHERLANDS</state>
    <state>NETHERLANDS ANTILLES</state>
    <state>NEW CALEDONIA</state>
    <state>NEW ZEALAND</state>
    <state>NICARAGUA</state>
    <state>NIGER</state>
    <state>NIGERIA</state>
    <state>NIUE</state>
    <state>NORFOLK ISLAND</state>
    <state>NORTHERN MARIANA ISLANDS</state>
    <state>NORWAY</state>
    <state>OMAN</state>
    <state>PAKISTAN</state>
    <state>PALAU</state>
    <state>PANAMA</state>
    <state>PAPUA NEW GUINEA</state>
    <state>PARAGUAY</state>
    <state>PERU</state>
    <state>PHILIPPINES</state>
    <state>PITCAIRN</state>
    <state>POLAND</state>
    <state>PORTUGAL</state>
    <state>PUERTO RICO</state>
    <state>QATAR</state>
    <state>RÉUNION</state>
    <state>ROMANIA</state>
    <state>RUSSIAN FEDERATION</state>
    <state>RWANDA</state>
    <state>SAINT HELENA</state>
    <state>SAINT KITTS AND NEVIS</state>
    <state>SAINT LUCIA</state>
    <state>SAINT PIERRE AND MIQUELON</state>
    <state>SAINT VINCENT AND THE GRENADINES</state>
    <state>SAMOA</state>
    <state>SAN MARINO</state>
    <state>SAO TOME AND PRINCIPE</state>
    <state>SAUDI ARABIA</state>
    <state>SENEGAL</state>
    <state>SERBIA</state>
    <state>SEYCHELLES</state>
    <state>SIERRA LEONE</state>
    <state>SINGAPORE</state>
    <state>SLOVAKIA</state>
    <state>SLOVENIA</state>
    <state>SOLOMON ISLANDS</state>
    <state>SOMALIA</state>
    <state>SOUTH AFRICA</state>
    <state>SPAIN</state>
    <state>SRI LANKA</state>
    <state>SUDAN</state>
    <state>SURINAME</state>
    <state>SVALBARD AND JAN MAYEN</state>
    <state>SWAZILAND</state>
    <state>SWEDEN</state>
    <state>SWITZERLAND</state>
    <state>SYRIAN ARAB REPUBLIC</state>
    <state>TAIWAN, PROVINCE OF CHINA</state>
    <state>TAJIKISTAN</state>
    <state>TANZANIA, UNITED REPUBLIC OF</state>
    <state>THAILAND</state>
    <state>TIMOR-LESTE</state>
    <state>TOGO</state>
    <state>TOKELAU</state>
    <state>TONGA</state>
    <state>TRINIDAD AND TOBAGO</state>
    <state>TUNISIA</state>
    <state>TURKEY</state>
    <state>TURKMENISTAN</state>
    <state>TURKS AND CAICOS ISLANDS</state>
    <state>TUVALU</state>
    <state>UGANDA</state>
    <state>UKRAINE</state>
    <state>UNITED ARAB EMIRATES</state>
    <state>UNITED KINGDOM</state>
    <state>UNITED STATES</state>
    <state>UNITED STATES MINOR OUTLYING ISLAND</state>
    <state>URUGUAY</state>
    <state>UZBEKISTAN</state>
    <state>VANUATU</state>
    <state>VENEZUELA</state>
    <state>VIET NAM</state>
    <state>VIRGIN ISLANDS (BRITISH)</state>
    <state>VIRGIN ISLANDS (U.S.)</state>
    <state>WALLIS AND FUTUNA</state>
    <state>WESTERN SAHARA</state>
    <state>YEMEN</state>
    <state>ZAMBIA</state>
    <state>ZIMBABWE</state>
</list>

Related posts

• Using DataChooser component of Flex 4 (0)
• Using List and DataGrid components of Flex 4 (0)
• Flex 4 DateField component and XML (0)
• Flex 4 DataGrid using MXML, Actionscript and external XML file (1)
• Video improvements (0)

Using DataChooser component of Flex 4 with MXML, Actionscript 3.0 and external XML file.

Main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" addedToStage="init()" pageTitle="Flex 4 DataChooser Tutorial">
    <fx:Script>
        <![CDATA[
            import com.flepstudio.utils.*;
            import flash.events.*;
            import mx.controls.*;
            import mx.events.*;

            private var XML_PATH:String="http://flepstudio.org/FlashBuilder/tut_2/XML/list.xml";
            private var xmlLoader:XMLLoader;
            private var xmlData:XML;
            private var date_chooser:DateChooser;
            private var label:Label;
            private var months_array:Array=new Array();

            private function init():void
            {
                loadXML();
            }

            private function loadXML():void
            {
                xmlLoader=new XMLLoader();
                xmlLoader.addEventListener(CustomEvent.ONLOADED,onXMLLoaded);
                xmlLoader.load(XML_PATH);
            }

            private function onXMLLoaded(evt:CustomEvent):void
            {
                evt.target.removeEventListener(Event.COMPLETE,onXMLLoaded);
                xmlData=new XML(evt.data);

                var months:int=xmlData.month.length();
                for(var i:int=0;i<months;i++)
                {
                    months_array.push(xmlData.month[i].@name);
                }

                label=new Label();
                label.width=800;
                label.height=500;
                label.text="History:"+"\n";
                date_chooser=new DateChooser();
                date_chooser.addEventListener(Event.CHANGE,onDateChange);
                date_chooser.addEventListener(DateChooserEvent.SCROLL,onMonthChange);

                hb1.addChild(date_chooser);
                hb2.addChild(label);
            }

            private function onDateChange(evt:Event):void
            {
                label.text+=evt.target.selectedDate+"\n";
            }

            private function onMonthChange(evt:DateChooserEvent):void
            {
                var month:int=evt.target.displayedMonth;
                label.text+="Scrolling months: "+months_array[month]+"  "+evt.target.displayedYear+"\n";
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <mx:HBox id="hb1" x="10" y="150"/>
    <mx:HBox id="hb2" x="10" y="350"/>
    <mx:Image x="10" y="10" source="http://png-images.findicons.com/files/icons/53/cats/128/adobe_flex_3_folder.png"/>
    <mx:Image x="140" y="10" source="http://png-images.findicons.com/files/icons/1757/isabi/128/flash_player.png"/>
</s:Application>

XMLloader.as:

package com.flepstudio.utils
{
    import flash.events.*;
    import flash.net.*;
    import flash.xml.*

        /**
         * XMLLoader is a ValueObject for the FlepStudio API.
         * This class loads a parses an xml file - no XMLList used
         *
         * @author Filippo Lughi
         * @version Actionscript 3.0
         */
        public class XMLLoader extends EventDispatcher
        {
            private var _file_url:URLRequest;
            private var _file_xml:XML;
            private var _urlLoader:URLLoader;

            /**
             * Construct a new XMLLoader instance
             *
             * @param        .target                IEventDispatcher
             */
            public function XMLLoader(target:IEventDispatcher=null)
            {
                urlLoader=new URLLoader();
                super(target);
            }

            /**
             * The request to load the file
             */
            public function get file_url():URLRequest
            {
                return _file_url;
            }

            public function set file_url(file:URLRequest):void
            {
                _file_url=file;
            }

            /**
             * The XML file
             */
            public function get file_xml():XML
            {
                return _file_xml;
            }

            public function set file_xml(xml:XML):void
            {
                _file_xml=xml;
            }

            /**
             * The loader instance
             */
            public function get urlLoader():URLLoader
            {
                return _urlLoader;
            }

            public function set urlLoader(loader:URLLoader):void
            {
                _urlLoader=loader;
            }

            /**
             * Load the XML file
             *
             * @param        .strFileName                String
             */
            public function load(strFileName:String):void
            {
                file_url=new URLRequest(strFileName);
                urlLoader.load(file_url);
                urlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
            }

            /**
             * Finish loading
             *
             * @param        .evt                Event
             */
            private function onXMLLoaded(evt:Event):void
            {
                urlLoader.removeEventListener(Event.COMPLETE,onXMLLoaded);

                var dataLoader:URLLoader=evt.target as URLLoader;
                file_xml=new XML(dataLoader.data);
                dispatchEvent(new CustomEvent(CustomEvent.ONLOADED,file_xml));

                file_xml=null;
                dataLoader=null;
                urlLoader=null;
            }
        }
}

CustomEvent.as:

package com.flepstudio.utils
{
    import flash.events.*;

    /**
     * CustomEvent is a ValueObject for the FlepStudio API.
     * Working and using custom events with custom constants
     *
     * @author Filippo Lughi
     * @version Actionscript 3.0
     */
    public class CustomEvent extends Event
    {
        private var _data:*;
        public static const ONLOADED:String="OnLoaded";

        /**
         * Construct a new CustomEvent instance
         *
         * @param        .type                String
         * @param        .data                *Universal
         */
        public function CustomEvent(type:String,data:*)
        {
            this.data=data;
            super(type);
        }

        /**
         * The data of the CustomEvent
         */
        public function get data():*
        {
            return _data;
        }

        public function set data(d:*):void
        {
            _data=d;
        }
    }
}

External XML file, list.xml:

<?xml version="1.0" encoding="UTF-8"?>
<list>
    <month name="January"/>
    <month name="February"/>
    <month name="March"/>
    <month name="April"/>
    <month name="May"/>
    <month name="June"/>
    <month name="July"/>
    <month name="August"/>
    <month name="September"/>
    <month name="October"/>
    <month name="November"/>
    <month name="December"/>
</list>

Related posts

• Using List and DataGrid components of Flex 4 (0)
• Flex 4 DataGrid using MXML, Actionscript and external XML file (1)
• Flex 4 ComboBox MXML and external XML (0)
• Flex 4 DateField component and XML (0)
• describeType method with custom events (0)

How to populate a DataGrid component for Flex 4 with MXML, Actionscript 3.0 and external XML file.

Main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" addedToStage="init()">
    <fx:Script>
        <![CDATA[
            import com.flepstudio.utils.*;
            import flash.events.*;
            import mx.controls.*;
            import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
            import mx.events.*;

            private var XML_PATH:String="http://flepstudio.org/FlashBuilder/tut_1/XML/list.xml";

            private var xmlLoader:XMLLoader;
            private var xmlData:XML;

            private var label:Label;
            private var datagrid:DataGrid;
            private var clients_array:Array=new Array();

            private function init():void
            {
                loadXML();
            }

            private function loadXML():void
            {
                xmlLoader=new XMLLoader();
                xmlLoader.addEventListener(CustomEvent.ONLOADED,onXMLLoaded);
                xmlLoader.load(XML_PATH);
            }

            private function onXMLLoaded(evt:CustomEvent):void
            {
                evt.target.removeEventListener(Event.COMPLETE,onXMLLoaded);
                xmlData=new XML(evt.data);

                label=new Label();

                var clients:int=xmlData.client.length();
                for(var i:int=0;i<clients;i++)
                {
                    var obj:Object=new Object();
                    obj.id=i;
                    obj.name=xmlData.client[i].@name;
                    obj.surname=xmlData.client[i].@surname;
                    obj.address=xmlData.client[i].@address;
                    obj.zip=xmlData.client[i].@zip;
                    obj.state=xmlData.client[i].@state;
                    obj.email=xmlData.client[i].@email;
                    clients_array.push(obj);
                }

                datagrid=new DataGrid();
                datagrid.dataProvider=clients_array;
                datagrid.width=900;
                datagrid.selectedIndex=0;

                hb1.addChild(datagrid);

                label.selectable=false;
                label.width=900;
                label.height=170;
                hb2.addChild(label);

                showText(clients_array[0]);

                datagrid.addEventListener(ListEvent.ITEM_CLICK,onItemClick);
            }

            private function onItemClick(evt:ListEvent):void
            {
                var obj:Object=evt.target.selectedItem;
                showText(obj);
            }

            private function showText(obj:Object):void
            {
                label.htmlText="ID "+obj.id+"\n"+"My name is "+"<b>"+obj.name+" "+obj.surname+"</b>"+"\n"+"I live in "+"<b>"+obj.address+"</b>"+"\n"+"<b>"+obj.zip+"</b>"+" - "+"<b>"+obj.state+"</b>"+"\n"+"My e-mail address is "+"<b>"+obj.email+"</b>";
            }

        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <mx:HBox id="hb1" x="10" y="150"/>
    <mx:HBox id="hb2" x="10" y="350"/>
    <mx:Image x="10" y="10" source="http://png-images.findicons.com/files/icons/53/cats/128/adobe_flex_3_folder.png"/>
    <mx:Image x="140" y="10" source="http://png-images.findicons.com/files/icons/1757/isabi/128/flash_player.png"/>
</s:Application>

XMLloader.as:

package com.flepstudio.utils
{
    import flash.events.*;
    import flash.net.*;
    import flash.xml.*

        /**
         * XMLLoader is a ValueObject for the FlepStudio API.
         * This class loads a parses an xml file - no XMLList used
         *
         * @author Filippo Lughi
         * @version Actionscript 3.0
         */
        public class XMLLoader extends EventDispatcher
        {
            private var _file_url:URLRequest;
            private var _file_xml:XML;
            private var _urlLoader:URLLoader;

            /**
             * Construct a new XMLLoader instance
             *
             * @param        .target                IEventDispatcher
             */
            public function XMLLoader(target:IEventDispatcher=null)
            {
                urlLoader=new URLLoader();
                super(target);
            }

            /**
             * The request to load the file
             */
            public function get file_url():URLRequest
            {
                return _file_url;
            }

            public function set file_url(file:URLRequest):void
            {
                _file_url=file;
            }

            /**
             * The XML file
             */
            public function get file_xml():XML
            {
                return _file_xml;
            }

            public function set file_xml(xml:XML):void
            {
                _file_xml=xml;
            }

            /**
             * The loader instance
             */
            public function get urlLoader():URLLoader
            {
                return _urlLoader;
            }

            public function set urlLoader(loader:URLLoader):void
            {
                _urlLoader=loader;
            }

            /**
             * Load the XML file
             *
             * @param        .strFileName                String
             */
            public function load(strFileName:String):void
            {
                file_url=new URLRequest(strFileName);
                urlLoader.load(file_url);
                urlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
            }

            /**
             * Finish loading
             *
             * @param        .evt                Event
             */
            private function onXMLLoaded(evt:Event):void
            {
                urlLoader.removeEventListener(Event.COMPLETE,onXMLLoaded);

                var dataLoader:URLLoader=evt.target as URLLoader;
                file_xml=new XML(dataLoader.data);
                dispatchEvent(new CustomEvent(CustomEvent.ONLOADED,file_xml));

                file_xml=null;
                dataLoader=null;
                urlLoader=null;
            }
        }
}

CustomEvent.as:

package com.flepstudio.utils
{
    import flash.events.*;

    /**
     * CustomEvent is a ValueObject for the FlepStudio API.
     * Working and using custom events with custom constants
     *
     * @author Filippo Lughi
     * @version Actionscript 3.0
     */
    public class CustomEvent extends Event
    {
        private var _data:*;
        public static const ONLOADED:String="OnLoaded";

        /**
         * Construct a new CustomEvent instance
         *
         * @param        .type                String
         * @param        .data                *Universal
         */
        public function CustomEvent(type:String,data:*)
        {
            this.data=data;
            super(type);
        }

        /**
         * The data of the CustomEvent
         */
        public function get data():*
        {
            return _data;
        }

        public function set data(d:*):void
        {
            _data=d;
        }
    }
}

External XML file, list.xml:

<?xml version="1.0" encoding="UTF-8"?>
<list>
    <client name="clientname1" surname="clientsurname1" address="addressclient1" zip="zipclient1" state="stateclient1" email="email@client1.com"/>
    <client name="clientname2" surname="clientsurname2" address="addressclient2" zip="zipclient2" state="stateclient2" email="email@client2.com"/>
    <client name="clientname3" surname="clientsurname3" address="addressclient3" zip="zipclient3" state="stateclient3" email="email@client3.com"/>
    <client name="clientname4" surname="clientsurname4" address="addressclient4" zip="zipclient4" state="stateclient4" email="email@client4.com"/>
    <client name="clientname5" surname="clientsurname5" address="addressclient5" zip="zipclient5" state="stateclient5" email="email@client5.com"/>
    <client name="clientname6" surname="clientsurname6" address="addressclient6" zip="zipclient6" state="stateclient6" email="email@client6.com"/>
    <client name="clientname7" surname="clientsurname7" address="addressclient7" zip="zipclient7" state="stateclient7" email="email@client7.com"/>
    <client name="clientname8" surname="clientsurname8" address="addressclient8" zip="zipclient8" state="stateclient8" email="email@client8.com"/>
    <client name="clientname9" surname="clientsurname9" address="addressclient9" zip="zipclient9" state="stateclient9" email="email@client9.com"/>
    <client name="clientname10" surname="clientsurname10" address="addressclient10" zip="zipclient10" state="stateclient10" email="email@client10.com"/>
</list>

Related posts

• Using DataChooser component of Flex 4 (0)
• Using List and DataGrid components of Flex 4 (0)
• Preloading (0)
• Uploader (0)
• Rotation of coordinates and collision with an angled surface (0)

With the release of Flash Builder 4, Adobe and Zend have greatly improved the integration between Flex and the Zend PHP framework.

The primary key of this collaboration is the integration of Action Message Format (AMF) supported by Zend Framework.
AMF is an open format, high-speed rail that allows the Flash Player (Flash, Flex, Air) to exchange multimedia content and other data with servers.
Flex is a highly productive free open source framework for building and maintaining web applications that run in all major browsers and operating systems using Adobe ® Flash ® Player and desktop applications using Adobe ® AIR ™.
Zend Framework is an open source PHP framework best known for its support for flexible, efficient creation of web applications.
AMF support in Zend Framework optimizes the communication between the server side (Zend Framework) components and client-side Adobe Flex.
Now Flash and Flex developers will be able to exploit the fast and reliable transfer of data between servers and clients.
More information about AMF support is available at http://framework.zend.com and http://developer.adobe.com/flex/

This tutorial explains how to create a connection between Flex and Zend and maintain data exchange.

Requirements:

• Adobe Flash Builder 4
• Zend Framework
• MAMP ( for MAC users ) or WAMP ( for windows users ) or have already installed on your machine mySQL, PHP and Apache.

Read more…

Related posts

• No related posts.

This example shows how to create custom gradients with Actionscript 3.0:

Read more…

Related posts

• No related posts.

Have you ever tried to create an alpha mask using Actionscript 3.0?
The thing is reachable with the method copyChannel of the BitmapData class.

1. Load an external image
2. Create a new instance of BitmapData (bitmap_data) and assign it to bitmapData property of the external bitmap
3. Create a new instance of BitmapData (bitmap_data_copy) with same size of external bitmap
4. Copy the pixels of external bitmap in the new instance bitmap_data_copy
5. Use the dispose method on bitmap_data to free memory
6. Create a mask form using a Shape
7. Create a new instance of BitmapData (bitmap_data_shape) the same size of external image and use draw method over shape
8. bitmap_data_copy uses the method copyChannel on bitmap_data_shape
9. Give bitmap_data_copy to property bitmapData of external image

Here’s the result:

and here’s the code:

package
{
    import flash.display.*;
    import flash.events.*;
    import flash.net.*;
    import flash.geom.*;
    import flash.filters.*;

    public class Main extends MovieClip
    {
        private var loaded_bitmap:Bitmap;
        private var bitmap_data:BitmapData;
        private var bitmap_data_copy:BitmapData;
        private var bitmap_data_shape:BitmapData;

        private var shape:Shape;

        public function Main()
        {
            addEventListener(Event.ADDED_TO_STAGE,init);
            addEventListener(Event.REMOVED_FROM_STAGE,destroy);
        }

        private function init(evt:Event):void
        {
            removeEventListener(Event.ADDED_TO_STAGE,init);

            loadImage();
        }

        private function loadImage():void
        {
            var request:URLRequest=new URLRequest("tiger.jpg");
            var loader:Loader=new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onImageLoaded);
            loader.load(request);
        }

        private function onImageLoaded(evt:Event):void
        {
            evt.target.removeEventListener(Event.COMPLETE,onImageLoaded);

            loaded_bitmap=evt.target.loader.content as Bitmap;

            createAlphaMask();
        }

        private function createAlphaMask():void
        {
            bitmap_data=loaded_bitmap.bitmapData;
            var w:Number=bitmap_data.width;
            var h:Number=bitmap_data.height;

            bitmap_data_copy=new BitmapData(w,h,true,0x00FFFFFF);
            bitmap_data_copy.copyPixels(bitmap_data,bitmap_data.rect,new Point());
            bitmap_data.dispose();

            shape=createMask(w,h);
            bitmap_data_shape=new BitmapData(w,h,true,0x00FFFFFF);
            bitmap_data_shape.draw(shape);

            bitmap_data_copy.copyChannel(bitmap_data_shape,bitmap_data_shape.rect,new Point(),BitmapDataChannel.ALPHA,BitmapDataChannel.ALPHA);
            loaded_bitmap.bitmapData=bitmap_data_copy;
            addChild(loaded_bitmap);
        }

        private function createMask(w:Number,h:Number):Shape
        {
            var new_shape:Shape=new Shape();
            new_shape.graphics.beginFill(0xFFFFFF);
            new_shape.graphics.drawEllipse(50,50,w-100,h-100);
            new_shape.graphics.endFill();

            var blur_filter:BlurFilter=new BlurFilter(50,50,BitmapFilterQuality.HIGH);
            new_shape.filters=[blur_filter];
            addChild(new_shape);

            return new_shape;
        }

        private function destroy(evt:Event):void
        {
            removeEventListener(Event.REMOVED_FROM_STAGE,destroy);

            bitmap_data_copy.dispose();
            bitmap_data_shape.dispose();

            removeChild(loaded_bitmap);
            removeChild(shape);

            loaded_bitmap=null;
            shape=null;
        }
    }
}

Related posts

• Zoomify (1)
• Using PrintJob class of Actionscript 3.0 (0)
• this root (0)
• Stop all sounds with Actionscript 3.0 (3)
• Removing duplicate elements of Array with Actionscript 3.0 (5)