嵌入式模式下使用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当中