ApplicationDomain 是存放AS3定义(包括类、方法、接口等)的容器。使用Loader类加载swf时可以通过指定 ApplicationDomain 参数将swf加载到不同的域(Domain)：

　　ApplicationDomain使用类似于显示列表(DisplayList)的树形结构。 相对于舞台(Stage) ，可以认为 ApplicationDomain 最根部的是系统域(system domain)，包含 Flash Player 核心类定义。主程序所在的域(以下简称主域)就是它唯一的子域，类似于Stage下的文档类(Document Class)。
　　一个fla文档类里代码：

　　运行后的显示列表：

　　ApplicationDomain 的类似结构：

• 加载到子域(模块)
  类似于“继承”，子域可以直接获得父域所有的类定义，反之父域得不到子域的。和继承关系不同的是，如果子域中有和父域同名的类，子域定义会被忽略而使用父域的定义。
• 加载到同域(运行时共享库)
  类似集合里的合并关系。被加载swf里的所有类定义被合并到当前域中可以直接使用。和加载到子域相同，和当前域同名的定义也会被忽略。
• 加载到新域(独立运行的程序或模块)
  swf载入指定域之前，先要检查该域及其父域中是否存在同名类，重复定义一概忽略。如果加载别人写的程序，或者使用旧版本的主程序加载新版本的模块，为避免类名冲突就要加载到新域独立运行以使用自己的类。

　　模块加载到同域不是一样可以吗？为何要加载到子域呢？好处就在于，卸载一个加载到子域的模块时，只要确保清除所有到该模块的引用，模块的所有类定义将被垃圾回收(Garbage Collection)。
　　有两种方式可以访问 ApplicationDomain :

• ApplicationDomain.currentDomain
  currentDomain是ApplicationDomain的静态变量，表示当前代码所在的域。该变量很奇特，在主程序里指向主域，在加载到子域的模块里则指向该模块所在的子域。虽然 ApplicationDomain 有个 parentDomain 属性，但子域已经自动获得了父域的类定义，所以通过 ApplicationDomain.currentDomain 就可以获取父域定义了——包括主程序和加载到主域的共享库。(注：系统域不可直接访问，主域和所有新域即系统域子域的parentDomain属性为null)
• LoaderInfo类的applicationDomain属性
  此方式可以访问任何方式加载的swf的 ApplicationDomain。对于主程序来说，加载到同域的库定义已经存在于 ApplicationDomain.currentDomain ，而模块的类主程序一般用不到。所以这种方式个人不推荐使用。

　　ApplicationDomain 的 hasDefinition() 方法判断某定义是否存在，getDefinition() 方法获取指定的定义。下面以一个 例子 来介绍 ApplicationDomain 的具体用法和应用程序的拆分。
　　本例 有四个swf，shell.swf是主程序，lib.swf是共享库，login.swf和result.swf分别是“登录”和“结果”模块，所有的视图元件都在共享库中。实际开发时可能有很多库，比如“位图库”、“音效库”、“模型通用库”等。“通用库”里存放多个模块共用的资源，比如此例中的背景元素。而各个模块独有的资源还是放在各自的swf中。
　　主程序首先将共享库加载到同域，完成后将“登录模块”加载到子域。主程序可以像操作普通的视觉对象(DisplayObject)一样操作加载的模块：监听事件、调用方法。因为编译器不会识别未定义的类，为使用强类型，建议为主类和模型定义相应的接口，使用少量的重复代码协助编程。

　　模块“继承”了主程序和共享库的所有类和资源，可以通过 ApplicationDomain.currentDomain.getDefinition() 来获取相应的类。注意获取不存在的类会抛出一个 ReferenceError。

　　登录模块获取库中的界面元素，并在点击按钮后抛出事件。Event类不允许带参数，必须使用继承Event的自定义事件抛出参数。主程序可以把模块的自定义事件也编译进去(这样就增大了整个程序的文件尺寸)，或者让监听模块事件的函数接受一个Objcet参数，以获取其动态属性。

　　主程序收到事件之后卸载注册模块，加载“结果模块”到子域，并将登录模块传出的”userName”参数传给结果模块。

　　注意initUi()方法分别使用了共享库中Libaray类的静态属性BG_NAME和静态方法getResult()。但是直接调用此静态方法会报错，可以先用 resultFunc 变量取出此方法。详细内容请参考 源代码。

----------------------------------------------------------------------
// Use Array constructor.
var myArray:Array = new Array();
myArray.push("one");
myArray.push("two");
myArray.push("three");
trace (myArray); // output: one,two,three

// Use Array literal.
var myArray:Array = ["one", "two", "three"];
trace  (myArray); // output: one,two,three
-----------------------------------------------------------------

----------------------------------------------------------------
var names:Array = new Array();
trace(names.length); // output: 0

var names:Array = new Array(3);
trace(names.length); // output: 3
trace(names[0]); // output: undefined
trace(names[1]); // output: undefined
trace(names[2]); // output: undefined

var names:Array = new Array("John", "Jane", "David");
trace(names.length); // output: 3
trace(names[0]); // output: John
trace(names[1]); // output: Jane
trace(names[2]); // output: David
-------------------------------------------------------------------

-----------------------------------------------------------------------
var planets:Array = new Array();
planets.push("Mars");       // array contents: Mars
planets.unshift("Mercury"); // array contents: Mercury,Mars
planets.splice(1, 0, "Venus", "Earth");
trace(planets);             // array contents: Mercury,Venus,Earth,Mars

var oceans:Array = ["Victoria", "Pacific", "Aral", "Superior", "Indian", "Huron"];
oceans.splice(2, 2, "Arctic", "Atlantic"); // replaces Aral and Superior
oceans.pop();   // removes Huron
oceans.shift(); // removes Victoria
trace(oceans);  // output: Pacific,Arctic,Atlantic,Indian

var lakes:Array = oceans.splice(2, 2, "Arctic", "Atlantic");
trace(lakes); // output: Aral,Superior

var oceans:Array = ["Arctic", "Pacific", "Victoria", "Indian", "Atlantic"];
delete oceans[2];
trace(oceans);        // output: Arctic,Pacific,,Indian,Atlantic
trace(oceans[2]);     // output: undefined
trace(oceans.length); // output: 5

var oceans:Array = ["Arctic", "Pacific", "Victoria", "Aral", "Superior"];
oceans.length = 2;
trace(oceans); // output: Arctic,Pacific

var oceans:Array = ["Arctic", "Atlantic", "Indian", "Pacific"];
oceans.reverse();
trace(oceans); // output: Pacific,Indian,Atlantic,Arctic

var poets:Array = ["Blake", "cummings", "Angelou", "Dante"];
poets.sort(); // default sort
trace(poets); // output: Angelou,Blake,Dante,cummings

poets.sort(Array.CASEINSENSITIVE);
trace(poets); // output: Angelou,Blake,cummings,Dante

poets.sort(Array.DESCENDING);
trace(poets); // output: Dante,cummings,Blake,Angelou

poets.sort(Array.DESCENDING | Array.CASEINSENSITIVE); // use two options
trace(poets); // output: Dante,cummings,Blake,Angelou
----------------------------------------------------------------------------
var names:Array = new Array("John Q. Smith", "Jane Doe", "Mike Jones");
function orderLastName(a, b):int {
  var lastName:RegExp = /\b\S+$/;
  var name1 = a.match(lastName);
  var name2 = b.match(lastName);
  if (name1 < name2) {
    return -1;
  } else if (name1 > name2) {
    return 1;
  } else {
    return 0;
  }
}
trace(names); // output: John Q. Smith,Jane Doe,Mike Jones
names.sort(orderLastName);
trace(names); // output: Jane Doe,Mike Jones,John Q. Smith
--------------------------------------------------------------------------

----------------------------------------------------------------------------
var poets:Array = new Array();
poets.push({name:"Angelou", born:"1928"});
poets.push({name:"Blake", born:"1757"});
poets.push({name:"cummings", born:"1894"});
poets.push({name:"Dante", born:"1265"});
poets.push({name:"Wang", born:"701"});

poets.sortOn("born", Array.NUMERIC);
for (var i:int = 0; i < poets.length; ++i) {
    trace(poets[i].name, poets[i].born);
}
/* output:
Wang 701
Dante 1265
Blake 1757
cummings 1894
Angelou 1928
*/

var indices:Array;
indices = poets.sortOn("born", Array.NUMERIC | Array.RETURNINDEXEDARRAY);
for (var i:int = 0; i < indices.length; ++i) {
    var index:int = indices[i];
    trace(poets[index].name, poets[index].born);
}
/* output:
Wang 701
Dante 1265
Blake 1757
cummings 1894
Angelou 1928
*/
---------------------------------------------------------------------

-----------------------------------------------------------------------
var array1:Array = ["alpha", "beta"];
var array2:Array = array1.concat("gamma", "delta");
trace(array2); // output: alpha,beta,gamma,delta

var array3:Array = array1.concat(array2);
trace(array3); // output: alpha,beta,alpha,beta,gamma,delta

var array4:Array = array3.slice(2,5);
trace(array4); // output: alpha,beta,gamma

var rivers:Array = ["Nile", "Amazon", "Yangtze", "Mississippi"];
var riverCSV:String = rivers.toString();
trace(riverCSV); // output: Nile,Amazon,Yangtze,Mississippi
var riverPSV:String = rivers.join("+");
trace(riverPSV); // output: Nile+Amazon+Yangtze+Mississippi

var nested:Array = ["b","c","d"];     
var letters:Array = ["a",nested,"e"];
var joined:String = letters.join("+");
trace(joined); // output: a+b,c,d+e
------------------------------------------------------------------

------------------------------------------------------------------
 
public dynamic class TypedArray extends Array {
    private const dataType:Class;

    public function TypedArray(...args) {
    }   
   
    AS3 override function concat(...args):Array {
    }
   
    AS3 override function push(...args):uint {
    }
   
    AS3 override function splice(...args) {
    }
   
    AS3 override function unshift(...args):uint {
    }
}   

------------------------------------------------------------------

public dynamic class Array {
    public function Array(...args) {
        var n:uint = args.length
        if (n == 1 && (args[0] is Number))
        {
            var dlen:Number = args[0];
            var ulen:uint = dlen
            if (ulen != dlen)
                throw new RangeError("Array index is not a 32-bit unsigned integer ("+dlen+")")
            length = ulen;
        }
        else
        {
            length = n;
            for (var i:int=0; i < n; i++) {
                this[i] = args[i]
            }
        }
    }   
}
-------------------------------------------------------------------------------------------------------
public dynamic class TypedArray extends Array {
    private var dataType:Class;
    public function TypedArray(typeParam:Class, ...args) {
        dataType = typeParam;
        var n:uint = args.length
        if (n == 1 && (args[0] is Number))
        {
            var dlen:Number = args[0];
            var ulen:uint = dlen
            if (ulen != dlen)
                throw new RangeError("Array index is not a 32-bit unsigned integer ("+dlen+")")
            length = ulen;
        }
        else
        {
            for (var i:int=0; i < n; i++) {
                // type check done in push()
                this.push(args[i])
            }
            length = this.length;
        }
    }   
}

-----------------------------------------------------------------------------------------------------  
 AS3 override function push(...args):uint {
        for (var i:* in args) {
            if (!(args[i] is dataType)) {
                args.splice(i,1);
            }
        }
        return (super.push.apply(this, args));
    }
-----------------------------------------------------------------------------------------------------   
AS3 override function concat(...args):Array {
        var passArgs:TypedArray = new TypedArray(dataType);
        for (var i:* in args) {
            // type check done in push()
            passArgs.push(args[i]);
        }
        return (super.concat.apply(this, passArgs));
    }
-----------------------------------------------------------------------------------------------------   
AS3 override function splice(...args):* {
        if (args.length > 2) {
            for (var i:int=2; i< args.length; i++) {
                if (!(args[i] is dataType)) {
                    args.splice(i,1);
                }
            }
        }
        return (super.splice.apply(this, args));
    }
-------------------------------------------------------------------------
   AS3 override function unshift(...args):uint {
        for (var i:* in args) {
            if (!(args[i] is dataType)) {
                args.splice(i,1);
            }
        }
        return (super.unshift.apply(this, args));
    }
}

Flex中的容器组件Panel,TitleWindow,Canvase等是无法调整大小的。你可以拓展容器组件来解决这个问题。但使用ResizeManager更方便。ResizeManager的使用很简单。例如。

var window:TitleWindow = TitleWindow(PopUpManager.createPopUp( this, TitleWindow , false));

                window.x = 100;

                window.y = 100;

                window.width = 200;

                window.height = 200;

                window.title = ";PopUp Window"

    ResizeManager.enableResize(window, 50);

Resizemanager

这个是关于关于主程序与弹出窗口之间传递数据的，原文( This example consists of a custom mxml component that extends TitleWindow, and a test app that uses it as a non-modal popup window.  It demonstrates various ways to pass data between the main application and the pop up window.  This example does NOT use events.

The test app pops up the window, passes it values for both built-in properties, like title and width, and custom properties, like mainApp.

The pop-up fields bind to local variables and to mainApp properties.  Items selected in the Main App datagrid are displayed in the pop-up. the item selected in the pop-up is displayed in a text field in the Main App.

I hope you find it useful.

Tracy Spratt),其实这个技巧很基础，如果有仔细看帮助文档肯定都会了，不过这个东西对初学者来说还是个好东东。

这个例子包括一个扩展自TitleWindow的自定义组件和一个示例程序。它展示了主程序与弹出窗口之间的几种传输数据的方法。注意，这里还没有用到强大的事件机制。原文作者是Tracy Spratt，表示感谢。代码如下：

主程序：TitleWindowDataTest.mxml

程序代码

<?xml version="1.0" encoding="utf-8"?>

<!-- TitleWindowDataTest.mxml

  An application that uses custom pop-up TitleWindowData-->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="left" layout="vertical"

  initialize="initApp()">

<mx:Script>

<![CDATA[

import mx.containers.TitleWindow;

import mx.managers.PopUpManager;

import mx.collections.ArrayCollection;

[Bindable]public var gsBindMe:String = "Change me!" ;     //

[Bindable]private var acDP2:ArrayCollection;

[Bindable]public var acItemsSelected:ArrayCollection;      //set by itemClick

private function initApp():void

{

  acDP2 = new ArrayCollection();

  acDP2.addItem({artist:"Pink Floyd",price:29.99,album:"Meddle"});

  acDP2.addItem({artist:"Pink Floyd",price:29.99,album:"More"});

  acDP2.addItem({artist:"Genesis",price:22.99,album:"Trespass"});

  acDP2.addItem({artist:"Yes",price:22.99,album:"Close to the Edge"});

  acDP2.addItem({artist:"King Crimson",price:21.99,album:"Wake of Posiedon"});

}//

private function showTitleWindow():void

{

  var titleWindowInstance:TitleWindowData =

        TitleWindowData(PopUpManager.createPopUp(this,

                 TitleWindowData,

                 false));     //instantiate and show the title window

  PopUpManager.centerPopUp(titleWindowInstance);

  titleWindowInstance.title = "Non-Modal Title Window Data";//built-in property

  titleWindowInstance.width = 400;                 //built-in property

  titleWindowInstance.height = 450;                 //built-in property  

  titleWindowInstance.mainApp = this;                      //Reference to the main app scope

  titleWindowInstance.gnMyNumber = parseFloat(tiMyNumber.text);  //Pass a simple value to the popup

}

private function showSelectedItems(event:Event):void

{

   acItemsSelected = new ArrayCollection(dg2.selectedItems)

}//

]]>

</mx:Script>

  <mx:Label text="Main App" fontSize="18" />

<mx:Text text="Selected Items will be passed into the pop-up. Select an item and click 'Show Title Window' button"  width="300"/>

<mx:DataGrid id="dg2" allowMultipleSelection="true" itemClick="showSelectedItems(event)"

   dataProvider="{acDP2}" >

  <mx:columns>

   <mx:Array>

    <mx:DataGridColumn headerText="Artist" dataField="artist" />

    <mx:DataGridColumn headerText="Price" dataField="price" editable="true"/>

    <mx:DataGridColumn headerText="Album" dataField="album" />

   </mx:Array>

  </mx:columns>    

</mx:DataGrid>

<mx:HBox >

  <mx:Label text="MyNumber:"  width="100"/>

  <mx:TextInput id="tiMyNumber"  text="99"/>

</mx:HBox>

<mx:HBox >

  <mx:Label text="Bind Me"  width="100"/>

  <mx:TextInput id="tiBindMe" text="{gsBindMe}"

   change="gsBindMe = tiBindMe.text"/>

</mx:HBox>

<mx:Button label="Show Title Window (Non-Modal)" click="showTitleWindow()"/>

<mx:HBox >

  <mx:Text text="Final Selection: From item selected in pop-up"  width="100"/>

  <mx:TextInput id="tiFinalSelection"/>

</mx:HBox>  

</mx:Application>

自定义组件：TitleWindowData.mxml

程序代码

<?xml version="1.0" encoding="utf-8"?>

<!-- TitleWindowData.mxml

  A sample custom pop-up that extends TitleWindow-->

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"

  creationComplete="initComponent()"

  showCloseButton="true"

  close="closeWindow()">

<mx:Script><![CDATA[

  import mx.managers.PopUpManager;

  import mx.collections.ArrayCollection;

[Bindable]public var mainApp:TitleWindowDataTest = null;  

[Bindable]public var gsMyString:String;      

[Bindable]public var gnMyNumber:Number;      

[Bindable]public var acItemsSelected:ArrayCollection;

private function initComponent():void

{

}

private function closeWindow():void

{

   PopUpManager.removePopUp(this);

}//closeWindow

private function showFinalSelection(oEvent:Event):void

{

   mainApp.tiFinalSelection.text = oEvent.target.selectedItem.album;

}//showFinalSelection

]]></mx:Script>

<mx:Text text="The data grid below shows the selectedItems in the data grid in the Main app. This dataProvider is bound to a local variable which is set by Main App datagrid itemClick. Select additional items(ctrl-click) in Main App, they will display here. Select an item here. It will display in Main App 'Final Selection' control." width="300" />

<mx:DataGrid id="dg2" rowCount="3"

   dataProvider="{mainApp.acItemsSelected}"

   change="showFinalSelection(event)" >

  <mx:columns>

   <mx:Array>

    <mx:DataGridColumn headerText="Artist" dataField="artist" />

    <mx:DataGridColumn headerText="Price" dataField="price" editable="true"/>

    <mx:DataGridColumn headerText="Album" dataField="album" />

   </mx:Array>

  </mx:columns>    

</mx:DataGrid>

<mx:HBox >

  <mx:Label id="lblMyNumber" text="{gnMyNumber}"  width="100"/>

  <mx:Text text="Bound to local variable set at pop-up. Changes to Main App control do NOT change this" width="200" />

</mx:HBox>

<mx:HBox >

  <mx:Label text="{mainApp.gsBindMe}"  width="100"/>

  <mx:Text text="Bound to mainApp local variable via passed in reference. Changes in Main App DO change this." width="200"  />

</mx:HBox>  

</mx:TitleWindow>

//应用程序窗口 Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            import flash.events.Event;
           
            import mx.managers.PopUpManager;
          
            public var popUp:TestTitleWindow;
  
            public function displayForm():void {
                // Array with data for the custom control ComboBox control.
                var doctypes:Array = ["*.as", "*.mxml", "*.swc"]
              
                // Create the pop-up and cast the return value of the createPopUp()
                // Method to the ArrayEntryForm custom component.
                popUp =TestTitleWindow(PopUpManager.createPopUp(this, TestTitleWindow, true));
                
                // Set TitleWindow properties.
                popUp.title="Select File Type";
                popUp.showCloseButton=true;
  
                // Set the event listeners for the ArrayEntryForm component.
                popUp.addEventListener("close", removeMe);
                popUp["cancelButton"].addEventListener("click", removeMe);  
                popUp["okButton"].addEventListener("click", submitData);  
  
                // Set properties of the ArrayEntryForm custom control.
                popUp.myArray = doctypes;
                PopUpManager.centerPopUp(popUp);
            }
          
            // OK button click event listener.
            // Sets the target component in the application to the
            // selected ComboBox item value.
            private function submitData(event:Event):void {
                ti1.text = String(popUp.cb1.selectedItem);
                //removeMe();
                PopUpManager.removePopUp(popUp);
            }

            // Cancel button click event listener.
            private function removeMe(event:Event):void {
                PopUpManager.removePopUp(popUp);
            }          
        ]]>
    </mx:Script>

    <mx:VBox>
        <mx:TextInput id="ti1" text=""/>
    </mx:VBox>
    <mx:Button id="btnSelect" label="Select File Type" click="displayForm();"/>
</mx:Application>

//弹出窗口 TestTitleWindow.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
        showCloseButton="true" width="410" borderAlpha="1" height="260">

    <mx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
          
            // Variables whose values are set by the main application.
            // Data provider array for the components ComboBox control.
            [Bindable]
            public var myArray:Array;

        ]]>
    </mx:Script>

    <mx:ComboBox id="cb1" dataProvider="{myArray}" width="124"/>
    <mx:HBox height="22">
        <mx:Button id="okButton" label="OK"/>
        <mx:Button id="cancelButton" label="Cancel"/>
    </mx:HBox>
</mx:TitleWindow>

<mx:HorizontalList>一种水平的List,可用于展示图片,而 <mx:List>则是竖直的List,<mx:TileList>像表格式的List,自己确定列数

<mx:TabBar>也会是常用到的那种,各种Bar与<mx:ViewStack>的结合可生成导航效果

<mx:DateField>选择日期

<mx:MenuBar>常用

<mx:RichTextEdit>编辑文本用

<mx:Accordion>常用,灵活

<mx:Box>系列与<mx:ControlBar>比较常见 ,<mx:DividedBox>也比较常用

<mx:TabNavigator>比<mx:TabBar>更好用些

<mx:Tile>作为容器也是不错的选择

Validator有很多常用的validator了,如果对效果不满意,可自定义

一个有意思的东西 <mx:RegExpValidator>用来查找匹配字符串的

Formatter也是比较有用的东西

Effect中

   <mx:AnimateProperty>可实现拉伸效果

   <mx:Blur>模糊效果

   <mx:Dissolve>实现淡出淡入效果,与<mx:Fade>相似

   <mx:Glow>外发光效果

   <mx:Iris>以矩形方式出现或消失

   <mx:Move>移动效果

   <mx:Parallel>多种效果叠加

   <mx:Pause>停止   mx.effects.easing.Bounce.easeOut可产生弹动效果

   <mx:Resize>改变大小

   <mx:Rotate>旋转角度

   <mx:SoundEffect>声音效果

   <mx:WipeDown>从上往下消失或出现

   <mx:WipeLeft>从右往左消失或出现

   <mx:WipeRight>从左往右消失或出现

   <mx:WipeUp>从下往上消失或出现

   <mx:Zoom>放大或缩小

</mx:Transition>不同state切换时的过渡效果

Charts(统计)

<mx:AreaChart>是一种以面积作为表示方式

<mx:AxisRenderer>是一种轴图,股票交易常以这种方式表示

<mx:BarChart>是柱状图

<mx:BubbleChart>气泡图

<mx:CandlestickChart>一种比较有趣的图,"涨"跟"跌"的颜色会不一样

<mx:CategoryAxis>跟AxisRenderer很像

<mx:ColumnChart>跟<mx:BarChart>很像

<mx:DateTimeAxis>以日期为轴的折线图

<mx:GridLines>多条线图

<mx:HLOCChart>跟AxisRenderer很像

<mx:Legend>图例,离散的点

<mx:LinearAxis>Axis系列

<mx:LineChart>折线图

<mx:LogAxis>Axis系列

<mx:PieChart>饼图

<mx:PlotChart>跟Legend很像

找了好久终于在Adobe.Press.Advanced.ActionScript.3.with.Design.Patterns.Nov.2006.chm 这本书的第八章的最后一行里找到了. 累~~~

             var i:int;             
             for(i=0; i<dp.length; i++) 
             {
              var cb:LinkButton = new LinkButton();
              cb.label = dp[i].item_name; 
              cb.data = dp[i].item_id;                         
              cb.setStyle("color","#ff00ff");                
              cb.addEventListener(MouseEvent.CLICK,modifyURL);
              panel.addChild(cb);
             } 

//从db里取值.

 private function modifyURL(e:Event):void
    {  
     //Alert.show("---->" +e.currentTarget.data);     
     var u:URLRequest = new URLRequest("control.mxml?a="+e.currentTarget.data);       
          navigateToURL(u,"_self");
    } 

ok~ 可以回家了 . 阿阿阿阿~~~~~

ActionScript3.0（四）--循环ActionScript3.0中新添加了一个for each...in语句，循环中其他的变化基本上没有，虽然没有什么变化，还是将他写出来，以便初学as的朋友有所借鉴。

  言归正传，下面开始介绍循环的变化：

  (1)for语句

      它的用法和以前没有变化

          var i=0;

          for(i=0;i<5;i++){

            trace(i);    //循环输出i值

          }

  (2)while语句

      它的用法也无变化，只是要甚用，易出现死循环

        var[color=#012]i=0;

          [color=#01ff]while(i<5){

            trace(i)      [/color][/color] //循环输出i值;

            i++;

          }

  (3)do..while语句

      它的用法也无变化,循环一次，在进行判断

          var i=5;

          do{

                trace(i)    //循环输出i=5值;

                i++;

          }while(i<5);

  (4)for...in语句

      循环输出对象中的属性值（不包括方法），数组中的元素。

            对象循环

            var object:Object={x:20;y:30};

            for(var i:String in object){

                  trace(i+":"+object[i])

            }

              //输出

              //x:20

              //x:30

            数组循环

            var array:Array=["one","two","three"];

            for(var i:String in array){

                  trace(array[i])

            }

            //输出

            //one

            //two

            //three

  (5)for each...in语句

      as3.0中新添加的语句，和for..in有些相同，不同的是for each...in的变量包含值并通过属性替换属性名

            var object:Object={x:20,y:30}

            for each(var i in object){

                trace(i)

            }

            //输出 

            //20

            //30

      你也能构重复循环XML或者XMLLIST对象，请看下面的例子

            var myxml:XML=<users>

                      <fname>Jackal</fname>

                      <fname>krean</fname>

                      <fname>playboy</fname>

                      </users>;

            for each(var item in myxml.users){

                  trace(item)

            }

            //输出

            //Jackal

            //krean

            //playboy

        它也允许你循环数组中的元素，请看下面的例子

            var array:Array=["one","two","three"];

            for each(var i in array){

                  trace(i);

            }

            //输出

            //one

            //two

            //three

    以上关于循环在ActionScript3.0中的变化，还有添加语句，如果有需要开进的请大家不要吝惜打字，多提意见

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 
 <mx:Script>
  <![CDATA[
  
     public var fileRe:FileReference=new FileReference() 
    
     private var file:FileReference;      
     private var currentAction:String;
     private var downloadURL:URLRequest;
 
                
     private function download():void{ 
    
     var url:URLRequest=new URLRequest("http://localhost:8000/flex_fileupload/upload/handanda.txt");
      file = new FileReference();
      fileRe.addEventListener(Event.COMPLETE,comple)
      fileRe.addEventListener(ProgressEvent.PROGRESS,jindu)     
      fileRe.download(url)

     }
    
     private function jindu(e:ProgressEvent):void{
     var load:Number=e.bytesLoaded
     var toal:Number=e.bytesTotal
     var per:Number=Math.round(load/toal*100)
     trace(per)
  //tex.text=String(per)
     }
    
     private function comple(e:Event):void{
     tex.text="已下载完成!"
     }

  ]]>
 </mx:Script>
 
 <mx:Button  x="10" y="20" label="下载一个文件" click="download()"/>
 <mx:ProgressBar x="10" y="100" id="progress" source="fileRe" label="已加载: %3%%"/>
 <mx:Text text="" x="10" y="105" id="tex"/>

</mx:Application>

最近一直在网上转悠，网上的flex文章越来越多了，但是都使一些关于DB、控件、httpservice之类的文章，其实flex以xml作为数据源来进行操作，也是比较重要的。

正好前一阵子在研究E4X与Flex的关系，所以打算总结一下，有说的不对的地方，还请大家多多原谅。

一、最简单模式：Flex通过httpservice和dataProvider进行数据传输

Xml格式如下：

<?xml version="1.0" encoding="utf-8" ?>

<Result>

<NodeA>value1</NodeA>

<NodeB>valve2</NodeB>

……………………………………………

……………………………………………

</Result>

在Flex中有一个DataGrid，这样就可以用httpservice来使DataGrid获取xml的数据了。

Flex端如下：

<?xml version="1.0" encoding="utf-8"?>   

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"

    title="Blog Details">

    <mx:HTTPService showBusyCursor="true" url="http://localhost:8080/text.xml"/ id=”xmlRecord”>

<mx:DataGrid width="712" height="338" dataProvider="{xmlRecord.lastResult.Result}">

        <mx:columns>

               <mx:DataGridColumn headerText="SectionA" dataField="NodeA " width="400" />

               <mx:DataGridColumn headerText="SectionB" dataField="NodeB" width="30"/>

      。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

        </mx:columns>

</mx:DataGrid>

</mx:TitleWindow>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

※     其中红字部分必须一直，由于这个sample比较简单，所以kenshin就不深入研究了。

※     黄字部分一定要按照xml的结构书写。

这样在run 这个Flex的时候，在DataGrid中就会显示NodeA＆NodeB的内容即value1＆value2

二、稍微复杂一些模式

Xml端代码如下：

<?xml version="1.0" encoding="UTF-8" ?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">

<channel>

    <title>value1</title>

    <link>http://www.k-zone.cn/zblog</link>

    <description>关注Flex,Java,DotNet,Web Desgin</description>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

</channel>

</rss>

Flex端如下：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

    layout="absolute"

    creationComplete="feedRequest.send()" >

    <mx:HTTPService

        id="feedRequest"

        url=" http://localhost:8080/text.xml"

        useProxy="false" />

    <mx:Panel x="10" y="10" width="475" height="400" layout="absolute"

        title="{feedRequest.lastResult.rss.channel.title}">

    </mx:Panel>

    。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

</mx:Application>

如果想要得到上面的xml中title的值，只需按照蓝字部分书写即可得到Title的value。

以此类推如果想要得到xml中link的内容，应该按如下书写

feedRequest.lastResult.rss.channel.link

三、复杂一些的模式，即xml的格式比较特殊

Xml端代码如下：

<?xml version="1.0" encoding="utf-8"?>

<Result>

<SectionA SubSectionA1=”value1” SubSectionA2=”value2”/>

<SectinB SubSectionB1=”value3” SubSectionB2=”value4”/>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

</esult>

如果大家想要得到SubSectionA1的内容，就显得无从下手了。其实用E4X在actionscript3中已经支持的非常完美了。并且Flex builder2提供的help也有这样的例子。但是我找了一下，没有这样的例子，所以自己研究了一下。并且把结果告诉大家。

要显示SubSectionA1的内容。Flex端如下书写：

var loader:URLLoader = new URLLoader();

var request:URLRequest = new URLRequest("data/sampleData.xml");

loader.load(request);

loader.addEventListener(Event.COMPLETE, onComplete);

        }

public function onComplete(event:Event):void {

    var externalXML:XML;

    var loader:URLLoader = URLLoader(event.target);

    externalXML = new XML(loader.data);

    trace(externalXML. SectionA [0].@ SubSectionA1);

}

其中粗体红字SubSectionA1的内容了。其中externalXML. SectionA [0].@ SubSectionA1中的[0]是xml的record的条数。@后面的就是想要得到的子节点的值。其内容可以是SubSectionA2、SubSectionB等等的值。部分就是

关于xml的格式在继续引伸一下。以下的格式

<?xml version="1.0" encoding="utf-8"?>

<Result>

<SectionA SubSectionA1=”value1”/>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

</Result>

相当于如下的格式：

<?xml version="1.0" encoding="utf-8"?>

<Result>

<SectionA>

<SubSectionA1>value1”</ SubSectionA1>

</SectionA>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

</Result>

2006-11-28 10:36

一、在Javascript中调用Flex方法 在Flex中可以用ExternalInterface来调用Flex的方法，途径是通过在Flex应用可调用方法列表中添加指定的公用方法。在Flex应用中通过调用addCallback()可以把一个方法添加到此列表中。addCallback将一个Actionscript的方法注册为一个Javascript和VBscript可以调用的方法。 addCallback()函数的定义如下： addCallback(function_name:String, closure:Function):void function_name参数就是在Html页面中脚本调用的方法名。closure参数是要调用的本地方法，这个参数可以是一个方法也可以是对象实例。 举个例子： <mx:script> import flash.external.*; public function myFunc():Number { return 42; } public function initApp():void { ExternalInterface.addCallback("myFlexFunction",myFunc); } </mx:script> 那么在Html页面中，先获得SWF对象的引用，也就是用<object .../>声明的Swf的Id属性，比如说是MyFlexApp。然后就可以用以下方式调用Flex中的方法。 <script language='Javascript' charset='utf-8'> function callApp() { var x = MyFlexApp.myFlexFunction(); alert(x); } </script> <button onclick="callApp()">Call App</button> 二、在Flex中调用 Javascript 你可以调用Html页面中的Javascript，通过与Javascript的交互，可以改变Style，调用远程方法。还可以将数据传递给Html页面，处理后再返回给Flex，完成这样的功能主要有两种方法：ExternalInterface()和navigateToUrl()。 在Flex中调用Javascript最简单的方法是使用ExternalInterface()，可以使用此API调用任意Javascript，传递参数，获得返回值，如果调用失败，Flex抛出一个异常。 ExternalInterface封装了对浏览器支持的检查，可以用available属性来查看。 ExternalInterface的使用非常简单，语法如下： flash.external.ExternalInterface.call(function_name: String[, arg1, ...]):Object; 参数function_name是要调用的Javascript的函数名，后面的参数是Javascript需要的参数。 举个例子说明如何调用Javascript函数 Flex应用中，添加如下方法： <mx:script> <?xml version="1.0" encoding="iso-8859-1"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:script> import flash.external.*; public function callWrapper():void { var f:String = "changeDocumentTitle"; var m:String = ExternalInterface.call(f,"New Title"); trace(m); } </mx:script> <mx:Button label="Change Document Title" click="callWrapper()"/> </mx:Application> Html页面中有如下函数定义： <script LANGUAGE="Javascript"> function changeDocumentTitle(a) { window.document.title=a; return "successful"; }

第一步：创建数据库
第二步：在JAVA中编写获取公告的代码

首先，我们要创建一个公告类来专门保存获取的公告信息，代码如下。
NoticeInfo.java

package com;

public class NoticeInfo {
 
 private String userid;
 private String username;
 private String contents;
 private String dates;
 
 
 public String getContents() {
  return contents;
 }
 public void setContents(String contents) {
  this.contents = contents;
 }
 public String getDates() {
  return dates;
 }
 public void setDates(String dates) {
  this.dates = dates;
 }
 
 
 public String getUserid() {
  return userid;
 }
 public void setUserid(String userid) {
  this.userid = userid;
 }
 public String getUsername() {
  return username;
 }
 public void setUsername(String username) {
  this.username = username;
 }
 
 
}

创建好这个之后我们要创建一个数据查询类：DataServiceImpl.java 来查询数据库，并将查询结果传给将要创建的Flex程序。由于我们不清楚有多少条记录，所以就借助一下JAVA中的ArrayList这个类，它位于java.util 包中。先创建一个ArrayList：

程序代码

ArrayList noticeList = new ArrayList(); // 这里我没有用泛型，因为我用的JDK1.4.2.

查询数据库之后，每读取一条记录就添加到 noticeList。

程序代码

while(rs.next()){

    NoticeInfo temp = new NoticeInfo();

    temp.setAuthor(rs.getString("author"));

    temp.setContent(rs.getString("content"));

    temp.setDates(rs.getDate("date"));

    temp.setTitle(rs.getString("title"));

    noticeList.add(temp);

}

查询完毕之后你就可以把这个noticeList传回去，你也可以传回去一个 NoticeInfo 数组：

程序代码

NoticeInfo[] notices = new NoticeInfo[noticeList.size()];

for(int i=0;i<noticeList.size();i++){

    notices[i] = (NoticeInfo)noticeList.get(i);

}

return notices;

我这里用的是后一种方法。如果你直接把noticeList传回去的话，记住一点，JAVA的ArrayList类型的对象到了Flex中会变成ArrayCollection类型的。

现在JAVA部分的代码就写好了。

DataServiceImpl.java 的全部代码如下：
package com;

import java.sql.*;
import java.util.ArrayList;

import com.ConnectionFactory;

public class DataServiceImpl {
 
 String sql;  // 定义类型
 Connection conn = null;
 Statement stmt = null;
 ResultSet rs = null;
  
 public DataServiceImpl(){
  
 }
 
 
 public NoticeInfo[] getNotices(){
  
  ArrayList noticeList = new ArrayList();
  
  try{
   conn = ConnectionFactory.getConnection();
   stmt = conn.createStatement(); 
   
   String sql = "select userid, username, contents, dates from gbook ";
   System.out.println("this is =============>" + sql);
   System.out.println("connect to db is successful~~~");
   rs = stmt.executeQuery(sql);  
   
   
   while(rs.next()){
    
    NoticeInfo temp = new NoticeInfo(); 
    temp.setUserid(rs.getString("userid"));
    temp.setUsername(rs.getString("username"));
    temp.setContents(rs.getString("contents"));
    temp.setDates(rs.getString("dates"));
    noticeList.add(temp);
    
   }
   
   NoticeInfo[] notices = new NoticeInfo[noticeList.size()];
   for(int i=0;i < noticeList.size();i++){
    notices[i] = (NoticeInfo) noticeList.get(i);    
   }
   return notices;
  }catch(SQLException e){
   e.printStackTrace();
   return null;
  }
 }

}

package com;

import java.sql.*; //调用SQL包

public class ConnectionFactory {

 private static ConnectionFactory ref = new ConnectionFactory();
 // 连接mysql数据库， database : test  user : root  password : 1272107226
 private ConnectionFactory()
 {
  try{
   Class.forName("com.mysql.jdbc.Driver");
  }catch(ClassNotFoundException e)
  {
   System.out.println("ERROR: exception loading driver class");
  }
 }
 public static Connection getConnection() throws SQLException{
  
  String url = new String ("jdbc:mysql://localhost:3306/test?user=root&password=1272107226");
  return DriverManager.getConnection(url);
 }
 
 public static void close(ResultSet rs)
 {
  try{
   rs.close();
  }catch(Exception ignored){}
 }
 public static void close(Statement stmt)
 {
  try{
   stmt.close();
  }catch(Exception ignored){}
 }
 public static void close(Connection conn)
 {
  try{
   conn.close();
  }catch(Exception ignored){}
 }
 
}

第三步： 配置Flex Data Service

1，把刚才写的JAVA文件编译。打开FDS的安装文件夹，将编译的文件拷贝到\jrun4\servers\default\flex\WEB-INF\classes 文件夹中，进行下面的配置。

2.打开FDS的安装文件夹。进入 jrun4\servers\default\flex\WEB-INF\flex 目录。里面是关于Flex Data Service 的配置文件，我们这里只看RemoteObject如何配置，其它配置信息请自己看帮助。现在我们打开里面的 remoting-config.xml 文件。向里面添加如下信息，作为<service>的子标签：

程序代码

<destination id="dataService">

     <properties>

          <source>net.zhuoqun.connectDB.DataServiceImpl</source>

     </properties>

</destination>

当你设定了 destination 的时候，你就引用了了可以用来连接相应类的信息通道（messaging channel）。它的 id 必须在文件中是独一无二的。 source属性是指你编译的JAVA类在classes文件夹中的路径。由于我的DataServiceImpl类在classes\net\zhuoqun\connectDB中，所以source的值为net.zhuoqun.connectDB.DataServiceImpl。记住，不要写.class后缀。<properties> 标签还可以有一个<scope>子标签，其作用我在这里就不说了，大家自己看相关文档（关于FDS的配置其实有很多东西，这些在帮助文档里都有，我这里不多说了，也说不过来，自己看吧）。

现在我们已经配置好了后台的 FDS，做完了整个程序的大部分工作，接下来就是前台Flex程序调用的事情了。

第四步：创建Flex程序

打开Flex Builder，新建一个工程 ConnectDB。菜单栏中 File -> New -> Flex Project，这时会弹出一个对话框，选择 Flex Data Service最下面的，如图：

其中还有两个编译选项，分别是“在Flex Builder中本地编译”（编译成SWF和HTML页放到服务器）和“当用户浏览页面时再编译”，你可以根据需要选择，这里我们选择第一个。

接下来设置FDS服务器的根目录和路径：

输入工程的名称和目录：

然后点击下一步设定类路径以及输出文件夹等等：

这些都设定好之后点击 完成 就创建了一个Flex工程。

第五步：通过 RemoteObject 访问数据库

打开工程中生成的主文件 ConnectDB.mxml，声明一个 RemoteObject ：

程序代码

<mx:RemoteObject id="getData" destination="dataService" result="proccessResult(event.result)" fault="Alert.show(event.fault.faultString,'Error')"/>

其中 destination 的值是刚才我们在配置 FDS 的时候设定的 destination。 result 表示在这个RemoteObject 成功返回之后所要做的动作，这里我们调用一个方法 proccessResult()来处理返回的数据，它的参数 event.result 就是从服务器段获得的数据，数据是作为一个对象传过来的。 fault 表示在这个RemoteObject请求失败时要做的处理，这里我们会弹出一个显示错误信息的对话框。接下来我们要声明一个DataGrid控件来显示公告的标题和发布日期：

程序代码

<mx:DataGrid id="myDG">

    <mx:columns>

        <mx:DataGridColumn headerText="标题" dataField="title"/>

        <mx:DataGridColumn headerText="发布日期" dataField="dates" labelFunction="formatDate"/>

    </mx:columns>

</mx:DataGrid>

其中headerText是显示在上方的表头，dataField表示要显示的数据域，为什么数据域是title和dates呢？因为我们传回的是一个 NoticeInfo 对象数组，虽然它是作为一个对象传回来的，但是其中的数据结构并没有变，那些数据域的名字也没有变，所以我们可以根据 NoticeInfo 中的变量设定dataField。labelFunction 属性是用来格式化显示的，因为传回来的是格林威治时间，所以我们需要将其格式化然后显示出来。注意，这里只是显示两个数据域，并不代表其它的数据都没有了，它们仍然存在，只是没有显示出来。

接下来，在 <mx:Script> 标签中编写proccessResult()方法和格式化日期的 formatDate方法：

程序代码

private function proccessResult(result:Object):void

{

    myDG.dataProvider = ArrayUtil.toArray(result);

}

private function formatDate(item:Object,column:DataGridColumn):String

{

    return df.format(item.dates);

}    // df 是一个 DateFormatter，在下面会给出。关于如何格式化DataGrid的显示

    // 以及DateFormatter这里就不讨论了，帮助里写得很清楚

这个函数只是简单地将获得的数据传给 myDG 的 dataProvider。result 的类型是Object，因为数据是作为一个对象传过来的。之所以调用 ArrayUtil.toArray() 这个方法，是因为返回的记录可能只有一条，而myDG 的 dataProvider显示单个对象的时候可能会出错，所以安全起见先将其转换成数组。

最后，我们编写调用 RemoteObject 的方法，使其在程序启动时就调用。

程序代码

private function initApp():void

{

      getData.getNotices();

}

其中 getData 是RemoteObject的 id，getNotices()是DataServiceImpl.java中的方法。在这里可以直接调用它。当然，如果DataServiceImpl.java有其它方法，也可以通过这种方式直接调用。接下来设定组件创建完毕时调用 initApp()方法，在 <mx:Application>中添加一个creationComplete属性:

程序代码

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12"

creationComplete="initApp()">

……………………

ConnectDB.mxml的全部代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12" creationComplete="initApp()">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   import mx.utils.ArrayUtil;
   
   private function initApp():void
   {
    getData.getNotices();
   }
   
   private function proccessResult(result:Object):void
            {
                myDG.dataProvider = ArrayUtil.toArray(result);
            }

  ]]>
 </mx:Script>
 
 <mx:RemoteObject id="getData" destination="dataService" result="proccessResult(event.result)" fault="Alert.show(event.fault.faultString,'Error')"/>
 
 <mx:DataGrid id="myDG">
        <mx:columns>
         <mx:DataGridColumn headerText="id" dataField="userid"/>
            <mx:DataGridColumn headerText="username" dataField="username"/>
            <mx:DataGridColumn headerText="contents" dataField="contents"/>
            <mx:DataGridColumn headerText="dates" dataField="dates"/>
        </mx:columns>
    </mx:DataGrid>

</mx:Application>

整个工程终于完成，启动JRUN or Tomcat，然后运行。结果如图所示：