Slow Flex Builder compile and refresh solution - Modules

"Apparently embedding graphics causes a performance hit in compiling, refreshing directories, and even just before launching."

"The easiest solution is to move those embed calls into your style sheet and then compile your style sheet as a module."

http://www.rogue-development.com/blog/index.html

Using Local Shared Object to store a serialized class instance

Using RemoteClass metadata triggers code gen in in the compilter to ensure that the class is registered with the VM before the application can use it, this includes receiving it from a network request.

private function getLSO() :void {
    so = SharedObject.getLocal("testData", "/");
    var b:ByteArray = (so.data.test as ByteArray)
    if(b){
        b.position=0;
        var o:Object = b.readObject();
        test = MyClass(o);
        n.text=test.name;
        p.text=test.price.toString();
        ta.text=test.toString();
    }   
    else{
        Alert.show("LSO testData does ot exist!");
    }      
}

private function setLSO():void {
    so = SharedObject.getLocal("testData", "/");
    var b:ByteArray = new ByteArray();
    b.writeObject(test);
    so.data.test=b;
    so.flush();
}

http://blog.739saintlouis.com

Flex Tip - Trigger validation when submitting form

<mx:Array id="validators">
   <mx:StringValidator source="{abbreviations}" property="text" required="true"/>
   <mx:StringValidator source="{subcode}" property="text" required="true"/>
   <mx:StringValidator source="{name}" property="text" required="true"/>
   <mx:StringValidator source="{letterType}" property="text" required="true"/>
   <mx:StringValidator   source="{scheduleType}" property="text" required="true"/>
</mx:Array>

<mx:Button
   label="Save"
   click="if( Validator.validateAll(validators).length==0 ){ doSave() }"/>

http://www.mikenimer.com

Using the flash.* classes in MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/26/using-the-flash-classes-in-mxml/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        xmlns:flash.filters="flash.filters.*"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Array id="filterArray">
        <flash.filters:DropShadowFilter id="dropShadowFilter"
                angle="90"
                blurX="5"
                blurY="5"
                  distance="2"
                  alpha="0.9"
                  color="0xFF0000" />
          <flash.filters:BlurFilter id="blurFilter"
                  blurX="3"
                  blurY="3"
                  quality="3" />
    </mx:Array>

    <mx:Label text="{flash.system.Capabilities.version}"
            fontSize="32"
            filters="{filterArray}" />

</mx:Application>

http://blog.flexexamples.com/

Converting XML to objects using the Flex HTTPService MXML tag

"... The following example shows how you can convert an XML file loaded at run-time using the HTTPService tag, into an ActionScript Object by simply setting the resultFormat property to “object”."

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/19/converting-xml-to-objects-using-the-flex-httpservice-mxml-tag/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="serv.send();">

    <mx:Script>
        <![CDATA[
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;

            private function serv_result(evt:ResultEvent):void {
                var resultObj:Object = evt.result;
                /* Assign the values... */
                nameText.text = resultObj.album.name;
                img0Text.text = resultObj.album.images.image[0];
                img1Text.text = resultObj.album.images.image[1];
                img2Text.text = resultObj.album.images.image[2];
            }

            private function serv_fault(evt:FaultEvent):void {
                /* Show the error label. */
                error.text += evt.fault.faultString;
                error.visible = true;
                /* Hide the form. */
                form.visible = false;
            }
        ]]>
    </mx:Script>

    <mx:String id="XML_URL">album.xml</mx:String>

    <mx:HTTPService id="serv"
            url="{XML_URL}"
            resultFormat="object"
            result="serv_result(event);"
            fault="serv_fault(event);" />

    <mx:ApplicationControlBar dock="true">
        <mx:Label text="{XML_URL}" />
    </mx:ApplicationControlBar>

    <mx:Label id="error"
            color="red"
            fontSize="36"
            fontWeight="bold"
            visible="false"
            includeInLayout="{error.visible}"/>

    <mx:Form id="form"
            includeInLayout="{form.visible}">
        <mx:FormItem label="resultObj.album.name:">
            <mx:Label id="nameText" />
        </mx:FormItem>
        <mx:FormItem label="resultObj.album.images.image[0]:">
            <mx:Label id="img0Text" />
        </mx:FormItem>
        <mx:FormItem label="resultObj.album.images.image[1]:">
            <mx:Label id="img1Text" />
        </mx:FormItem>
        <mx:FormItem label="resultObj.album.images.image[2]:">
            <mx:Label id="img2Text" />
        </mx:FormItem>
    </mx:Form>

</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<album>
    <name>One</name>
    <images>
        <image>image1.jpg</image>
        <image>image2.jpg</image>
        <image>image3.jpg</image>
    </images>
</album>

http://blog.flexexamples.com

ToolTips for ComboBox Items or List Items

"... I initially thought this should be possible by setting the showDatatips and the dataTipField on the List, but it didn’t work as expected for me."

private var myDropdownFactory:ClassFactory;

private function initApp():void
{
    myDropdownFactory = new ClassFactory( List );
    myDropdownFactory.properties = { showDataTips:true, dataTipFunction:myDataTipFunction }
}

private function myDataTipFunction( value:Object ):String
{
    return ( value.name + "’s blog is " + value.blog );
}

<mx:ComboBox id="myCB" dataProvider="{ myDP }" labelField= name" dropdownFactory="{ myDropdownFactory }" />

http://raghuonflex.wordpress.com/

Building monolithic Flex SWFs that still startup quickly

"...First, I created a simple plain Flex 2 Application. Next, a class called TestFactory which implements mx.core.IFlexModuleFactory was created. This class will later be used to create instances of a Module called Test. The TestFactory class also implements a public static function frame(value:Object):void which is needed later.

To link the TestFactory class onto an additional frame "outside" the default 2 frame section you'll have to add something like

  -frame test TestFactory 

to the mxmlc arguments (either in Flex Builder or on the command line). This creates the 3 frame SWF file.

At runtime when frame 3 is hit, the static frame() method on the TestFactory class is called (this is not documented anywhere) passing in an instance of the active SystemManager implementation. Inside this method you can then register the TestFactory on the ModuleManager:

ModuleManager.getModule("published://myTest").publish(new TestFactory());

Note: Although in the documentation it says to use an URL starting with publish:// it actually has to be published://. After the Module is published you can call

ModuleManager.getModule("published://myTest");

from withinh the application to get a reference to the TestFactory instance and call create() on it to create an instance of whatever is created by the factory class."

http://www.richinternet.de/blog/

How to load external assets from an AS3 file using the Flex SDK

Resource.as:

package
{
   import flash.display.Sprite;

   // This _must_ inherit from Sprite, or the resources can't be attached to
   // the main movie.
   public class Resources extends Sprite
   {
      // List your resources here, as public variables
      [Embed(source="mysource.swf",symbol="AnySymbol")]
      public var SomeSymbol:Class;
   }
}

compile:

mxmlc Resources.as -output resources.swf -sp . -no-network=false

"...load it into your app using a standard flash.display.Loader, without specifying an applicationDomain. Once loaded, get at the assets like this:"

var ResourceClass:Class = loader.contentLoaderInfo.applicationDomain.getDefinition("Resources") as Class;
var resources:Object = new ResourceClass();
var symClass:Class = resources['SomeSymbol'] as Class;
var symbol:MovieClip = new symClass() as MovieClip;

http://wildwinter.blogspot.com/