Flex将MXML编译成AS类

引用自： http://blog.csdn.net/qinqincl/category/505264.aspx

由“Flex 基础”文中可知：每一个mxml文件首先要编译成as文件，然后再译成swf文件。app.mxml文件编译后会产生一系列中间类，其中app_generated.as文件是主文件，文件中定义了转换后app的类定义。

以下将对转换后的类进行详细阐述。

1、转换后类的名称与应用程序同名（以app为例），继承自mx.core.Application。

2、在<mx:application>标签中定义的且有id的mx控件，转换成类app的共有成员。构造函数中初始化类对象，包括events、styles、properties等

3、mxml文件中定义的控件层次结构，通过mx.core.UIComponentDescriptor实例对象定义，控件的属性通过UIComponentDescriptor对象的propertiesFactory属性以键/值对的形式设置，控件的事件响应由UIComponentDescriptor对象的events属性设置，编译器自动生成一个新的事件响应函数，函数体为mxml中定义的内容，在events属性值中使用新的响应函数。举例如下：

mxml中定义如下控件

<mx:Button id="addBtn" click="addToCart()" label="Add to Cart" x="36" y="124">

as中定义如下：

new mx.core.UIComponentDescriptor({type: mx.controls.Button//控件类型
    , id: "addBtn"//控件ID
   , events://事件响应函数
   , click: "__addBtn_click"//自动生成一个新事件函数
    }
    , propertiesFactory: function():Object { 
        return {
        //普通属性
         label: "Add to Cart",x: 36,y: 124
        }
    }
})

public function __addBtn_click(event:flash.events.MouseEvent):void
{
    addToCart();//函数体为mx:Button的click属性值
}

4、以mx标签形式定义的非可视化对象，如<mx:Number id="selectedBookIndex">{myDataGrid.selectedIndex}</mx:Number>

编译器在编译时自动生成一个相对应的函数，用于创建对象，并在构造函数中调用该对象。依上例，编译器生成如下函数

private function _app_Number1_i() : Number
{
    var temp : Number = undefined;
     selectedBookIndex = temp;//作为类成员已在前面声明
      mx.binding.BindingManager.executeBindings(this, "selectedBookIndex", selectedBookIndex);//为对象赋值
      return temp;
}

在构造函数中调用其函数创建类成员的实例对象

public function app()
{
    .........
    _app_Number1_i() ;
    ........
}

5、_app_bindingsSetup():Array 函数创建绑定对象数组，每个绑定对象对应mxml文件中的{}数据绑定，如上所示的{myDataGrid.selectedIndex}，在as中转换为：

binding = new mx.binding.Binding(this,
    function():Number
    {
        return (myDataGrid.selectedIndex);
    },
    function(_sourceFunctionReturnValue:Number):void
    {
        selectedBookIndex = _sourceFunctionReturnValue;
    },
    "selectedBookIndex"
);

result[0] = binding;

_app_bindingExprs():void//设置绑定目标表达式
var destination:*;
[Binding(id='0')]
destination = (myDataGrid.selectedIndex);

通过编译生成的其他类来执行具体的数据绑定（待后续研究）