flex学习 flex中的封装（组件）
首先创建一个组件的MXML文件
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
[CDATA[
[Bindable]
public var myFirstName:String;
[Bindable]
public var myLastName:String;
]]
</mx:Script>
<mx:Label text="Your first name is {myFirstName}" />
<mx:Label text="Your last name is {myLastName}" />
</mx:VBox>
再创建一个主文件调用组件
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:components="components.*">
<mx:Script>
<!--[CDATA[
[Bindable]
private var fName:String = "shen";
[Bindable]
private var lName:String = "cm";
]]-->
</mx:Script>
<components:MyForm myFirstName="{fName}" myLastName="{lName}" id="names"/>
<mx:Label x="350" y="200" text="My full name is {names.myFirstName} {names.myLastName}"/>
</mx:Application>
相关文档：
1、下载皮肤之后，打开解压目录,选择所有swf文件,css文件和字体文件,然后把他们拖动到flex工程的src文件夹中。
（注：yflexskin.swf –yahoo的Flex皮肤中所需的所有图片资源;
yflexskin.ai – 皮肤所需的所有AI源文件--使你的修改和重新导出更自由方便;
......
mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:cmp="com.render.*"
height="100%" width="100%" paddingTop="0" paddingBottom="0" paddingLeft="0" paddingRight="0">
<cmp:AutoSizeTree
&n ......
几种导航选项卡
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:ButtonBar dataProvider="myPages">
</mx:ButtonBar>
<mx:ToggleButtonBar dataProvider="myPages">
</mx:ToggleButto ......
Flex事件机制
Flex事件机制是观察者模式，即首先要注册事件，事件分发后通过事件响应函数进行处理。
例如在AS3中：
button.addEventListener(“click”,onClick);//向button注册一个click事件
internal function onClick(evt:MouseEvent):void{txt.text=“click a button!”;}//事件响应函数
那� ......
