在FLEX里,你能够插入不同类型的资源,你能够插入PNG,JPEG,GIF文件格式的图片,SWF文件,以及MP3,SVG文件.下面我们来介绍如何插入文件;
1插入图片:
这个实例是用[Embed]标签在你的的程序里插入图片。 它用[Bindable]标签绑定为一个AS类,这样就可以绑定在图片控件的SOURCE属性中。你可以绑定这个类于任合用图片的属性中。例如按钮的ICON属性
源文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
[Embed(source="assets/001.png")]
[Bindable]
public var logo:Class
]]>
</mx:Script>
<mx:Image id="myLogo" source="{logo}"/>
</mx:Application>
你能够用@Embed在你的FLEX程序中插入图片
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="200" height="200">
<mx:Image source="@Embed(source='assets/002.png')"/>
</mx:Application>
图片使用the 9-slice scaling feature
在你的FLEX插入图片时,你可以自由缩放图片。用the 9-slice scaling feature,这四个角的图形大小不变,只是改变横,竖方向的大小。
下面的例子,用scaleGridTop,scaleGridBottom,scaleGridLeftandscaleGridRight网格线定位属性,创建你的9-slice scaling grid.
源文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="480">
<mx:Script>
<![CDATA[
[Embed(
source="assets/bk.jpg",
scaleGridTop="100",scaleGridBottom="120",
scaleGridLeft="150",scaleGridRight="266"
)]
[Bindable]
public var aImage:Class
]]>
</mx:Script>
<mx:Image source="{aImage}" width="146" height="82"/>
<mx:Image source="{aImage}" width="266" height="150"/>
<mx:Image source="{aImage}" width="325" height="183"/>
</mx:Application>