嵌入式模式下使用Repeater显示图片source绑定问题

Flex 软件中经常需要使用一些外部的资源，如图片、声音、SWF或字体，虽然你也可以在软件运行的时候引入和载入，但是也可能经常需要直接将这些资源编译(Compile)到软件中，也就是直接嵌入资源（Embedding Assets）。 Flex中可以直接嵌入图片image，影片movie，MP3，和TrueType文字。

嵌入资源的利处：

1、比起在运行时访问资源，对嵌入资源的访问速度更加快速；

2、可以用简单的变量访问方式，在多个地方引用所嵌入的资源。这是变量就代表资源，提高写代码的效率；

嵌入资源的弊处：

1、增大了SWF文件的大小，因为是将资源直接包含；

2、由于SWF文件增大，将使得初始化的速度变慢；

3、当资源改变后，需要重新编译SWF文件；

 

在嵌入模式下，如果想要把Repeater的数据源写到as中，如下：

public const iconCollection:ArrayCollection=new ArrayCollection([{tip: "图标1", data: "groupIcon", icon: 'Embed(source="assets/icons/groups.png")'},{tip: "图标2", data: "usersetIcon", icon: 'Embed(source="assets/icons/userset.png")'},{tip: "图标3", data: "toolsIcon", icon: Embed(source="assets/icons/tools32.png")},{tip: "图标4", data: "yellowobjectIcon", icon: 'Embed(source="assets/icons/yellowobject.png")'}])

就会出现图像不能正常显示问题，个人认为原因是在编译时，程序不会去执行as中的内容，导致图片没有编译到软件中。

为了解决上述问题，可以采用以下两种方式

<mx:Tile direction="horizontal" borderStyle="inset" horizontalGap="10" verticalGap="10" color="0x323232" paddingLeft="10" paddingTop="10" paddingBottom="10" paddingRight="10" x="10" y="30" width="230" height="142"><mx:Repeater id="myRep" dataProvider="{iconCollection}"><mx:Image buttonMode="true" click="{icon_click(event)}" data="{myRep.currentItem.data}" toolTip="{myRep.currentItem.tip}" source="{myRep.currentItem.icon}"/></mx:Repeater></mx:Tile><mx:ArrayCollection id="iconCollection"><mx:source><mx:Array><mx:Object tip="图标1" data="groupIcon" icon="@Embed('assets/icons/groups.png')"/><mx:Object tip="图标2" data="usersetIcon" icon="@Embed('assets/icons/userset.png')"/><mx:Object tip="图标3" data="yellowobjectIcon" icon="@Embed('assets/icons/yellowobject.png')"/><mx:Object tip="图标4" data="yellowobjectIcon" icon="@Embed('assets/icons/yellowobject.png')"/><mx:Object tip="图标5" data="yellowobjectIcon" icon="@Embed('assets/icons/yellowobject.png')"/><mx:Object tip="图标6" data="yellowobjectIcon" icon="@Embed('assets/icons/yellowobject.png')"/></mx:Array></mx:source></mx:ArrayCollection>

[Bindable][Embed(source="assets/icons/folder_user.png")]public var officeIcon:Class;[Bindable][Embed(source="assets/icons/groups.png")]public var groupIcon:Class;[Bindable][Embed(source="assets/icons/option.png")]public var manageIcon:Class;[Bindable][Embed(source="assets/icons/userset.png")]public var usersetIcon:Class;[Bindable][Embed(source="assets/icons/tools32.png")]public var policeOfficeIcon:Class;[Bindable][Embed(source="assets/icons/yellowobject.png")]public var yellowobjectIcon:Class;public const iconCollection:ArrayCollection=new ArrayCollection([{tip: "图标1", data: "groupIcon", icon: groupIcon},{tip: "图标2", data: "usersetIcon", icon: usersetIcon},{tip: "图标3", data: "yellowobjectIcon", icon: yellowobjectIcon},{tip: "图标3", data: "yellowobjectIcon", icon: yellowobjectIcon},{tip: "图标3", data: "yellowobjectIcon", icon: yellowobjectIcon},{tip: "图标3", data: "yellowobjectIcon", icon: yellowobjectIcon},{tip: "图标3", data: "yellowobjectIcon", icon: yellowobjectIcon},])

方式一是以标签形式解决，方式二是写在as当中