FlexBuilder入门指南

<mx:ComboBoxidmx:ComboBoxid="userRating"width="100%"> 
<!--Aninlinedataprovider--> 
<mx:Array> 
<mx:Objectdatamx:Objectdata="0"label="Zero"/> 
<mx:Objectdatamx:Objectdata="1"label="One"/> 
</mx:Array> 
</mx:ComboBox> 
1.
2.
3.
4.
5.
6.
7.

<mx:Script> 
<![CDATA[  
[Bindable]  
privatevarsubscriptions:ArrayCollection=  
newArrayCollection  
(  
[  
{data:0,label:"Print"},  
{data:1,label:"Website"},  
]  
);  
 
]]> 
</mx:Script> 
<mx:FormItemlabelmx:FormItemlabel="Subscriptions:"width="100%"> 
<mx:List 
id="userSubscriptions"rowCount="3"  
allowMultipleSelection="true"width="100%"  
dataProvider="{subscriptions}" 
/> 
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

<mx:Script> 
<![CDATA[  
[Bindable]  
publicvardp:Array=[1,2,3,4];  
]]> 
</mx:Script> 
 
<mx:ArrayCollectionidmx:ArrayCollectionid="myAC"source="{dp}"/> 
 
<mx:Repeateridmx:Repeaterid="r"dataProvider="{myAC}"> 
<mx:Buttonidmx:Buttonid="repbutton"label="button{r.currentItem}"/> 
</mx:Repeater> 
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

<mx:PhoneNumberValidatoridmx:PhoneNumberValidatorid="pnV"source="{phoneInput}"property="text"/> 
 
<mx:TextInputidmx:TextInputid="phoneInput"/> 
1.
2.
3.

<![CDATA[  
importmx.validators.PhoneNumberValidator;  
//创建验证器  
privatevarv:PhoneNumberValidator=newPhoneNumberValidator();  
privatefunctioncreateValidator():void{  
//设置验证器  
v.source=phoneInput;  
v.property="text";  
}  
]]> 
</mx:Script> 
 
<mx:TextInputidmx:TextInputid="phoneInput"creationComplete="createValidator();"/> 
 
还可以加入按钮触发器，并修改默认提示错误//trigger:表示触发验证事件的对象  
//triggerEvent:表示对象触发验证事件的时机(如click,mouseOver等)  
//requiredFieldError属性表示必填项没填入数据的时的提示错误信息  
//wrongLengthError:表示输入的数据阿拉伯数字长度小于10时提示的错误信息  
//invalidCharError:表示输入数据不是阿拉伯数字时提示的错误信息  
<mx:PhoneNumberValidatoridmx:PhoneNumberValidatorid="pnV"source="{phoneInput}"property="text" 
trigger="{btn}"triggerEvent="click"  
requiredFieldError="此项为必填"invalidCharError="请输入阿拉伯数字"wrongLengthError="请至少输入请输入10个阿拉伯数字"/> 
 
<mx:TextInputidmx:TextInputid="phoneInput"/> 
<mx:Buttonlabelmx:Buttonlabel="Button"id="btn"/> 
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.

<mx:Imageidmx:Imageid="myLogo0"source="assets/logo.png"/> 
 
//简单地内嵌一个富媒体.png,.jpg,.gif,  
.swf(可将嵌入的SWF文件的实例当作MovieClip.MovieClipAsset类的实例处理,  
不能直接访问嵌入的SWF文件的属性或方法。  
但可用LocalConnection以允许SWF之间进行通信。)，  
.SVG(可将嵌入的SVG文件的实例当作Sprite.SpriteAsset类的实例处理。)  
<mx:Imageidmx:Imageid="myLogo"source="@Embed('assets/logo.png')"/> 
 
//在脚本中定义富媒体对象，然后在MXML中可以多次嵌入  
<mx:Script> 
<![CDATA[  
[Embed(source="assets/logo.png")]  
[Bindable]  
 
publicvarLogo:Class;  
]]> 
</mx:Script> 
 
<mx:Imageidmx:Imageid="myLogo"source="{Logo}"/> 
<mx:Imageidmx:Imageid="myLogo2"source="{Logo}"/> 
 
//在脚本中定义图片的scale-9像框缩放功能就可以保持边框的清晰,  
(旋转嵌入的scale-9图像的实例会关闭该图像的scale-9功能。)。  
<mx:Script> 
<![CDATA[  
[Embed(  
source="assets/fancy_border.png",  
scaleGridTop="55",scaleGridBottom="137",  
scaleGridLeft="57",scaleGridRight="266"  
)]  
 
[Bindable]  
publicvarFancyBorderImage:Class;  
]]> 
</mx:Script> 
 
<mx:Imagesourcemx:Imagesource="{FancyBorderImage}"width="146"height="82"/> 
 
//嵌入SWF库资源  
 
<mx:Script> 
<![CDATA[  
[Embed(source="assets/library.swf",symbol="BadApple")]  
 
[Bindable]  
publicvarBadApple:Class;  
]]> 
</mx:Script> 
 
<mx:Imageidmx:Imageid="badApple"source="{BadApple}"width="150" 
 
height="151.8"/> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.

<mx:Style> 
Button  
{  
upSkin:Embed("assets/box_closed.png");  
overSkin:Embed("assets/box.png");  
downSkin:Embed("assets/box_new.png");  
}  
</mx:Style> 
 
<mx:Button/> 
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

<mx:SWFLoaderidmx:SWFLoaderid="loader1"source="FlexApp.swf"/> 
//内嵌入SWF程序  
<mx:SWFLoaderidmx:SWFLoaderid="loader2"source="@Embed(source='flexapp.swf')"/> 
//还可以在FDS环境下加入MXML文件，要以buttonicon.mxml.swf形式加入，以提示FDS编译该文件。  
<xmlversionxmlversion="1.0"> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"> 
<mx:SWFLoadersourcemx:SWFLoadersource="buttonicon.mxml.swf"scaleContent="false"/> 
</mx:Application> 
1.
2.
3.
4.
5.
6.
7.
8.

<mx:Script> 
<![CDATA[  
importmx.core.SoundAsset;  
importflash.media.*;  
[Embed(source="assets/pie-yan-knee.mp3")]  
[Bindable]  
//MP3的一个新实例  
publicvarSong:Class;  
//将该实例创建为一个SoundAsset  
publicvarmySong:SoundAsset=newSong()asSoundAsset;  
publicvarchannel:SoundChannel;  
//使用SoundAsset类的play()方法来播放MP3文件的实例  
publicfunctionplaySound():void  
{  
//先消音，防止同时多次播放  
stopSound();  
//播放该音频，并存储返回的SoundChannel对象结束播放。  
channel=mySong.play();  
}  
 
publicfunctionstopSound():void  
{  
//当音频播放时，调用SoundChannel对象的stop()方法以停止播放  
if(channel!=null)channel.stop();  
}  
]]> 
</mx:Script> 
<mx:Buttonlabelmx:Buttonlabel="play"click="playSound();"/> 
<mx:Buttonlabelmx:Buttonlabel="stop"click="stopSound();"/> 
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.

<mx:Style> 
@font-face  
{  
font-family:Copacetix;  
 
src:url("assets/copacetix.ttf");  
unicode-range:  
U+0020-U+0040,/*Punctuation,Numbers*/  
 
U+0041-U+005A,/*Upper-CaseA-Z*/  
U+005B-U+0060,/*PunctuationandSymbols*/  
U+0061-U+007A,/*Lower-Casea-z*/  
U+007B-U+007E;/*PunctuationandSymbols*/  
 
}  
 
.MyTextStyle  
{  
font-family:Copacetix;  
font-size:24pt;  
}  
 
</mx:Style> 
 
<mx:TextstyleNamemx:TextstyleName="MyTextStyle"text="Embeddedfontsrock!"width="100%"/> 
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.