Flex项目release后图片资源不见了–图片资源采用嵌入与不嵌入的区别

原文同步至：http://www.waylau.com/difference-between-embedded-and-non-embedded-in-flex-project/

近期项目发现，在使用release发布项目包，图片找不到了，而debug下面又有图片。

后来发现，原来图片被另外一个组件嵌入了。

下面例子展示了组件嵌入和不嵌入图片的区别

<?xml version=”1.0″ encoding=”utf-8″?>
<s:Application xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/mx”
minWidth=”955″ minHeight=”600″>
<fx:Declarations>
<!– Flex项目release后图片资源不见了—-图片资源采用嵌入与不嵌入的区别
更多示例请访问www.waylau.com–>
</fx:Declarations>
<s:VGroup>
<s:Panel title=”嵌入测试”>
<s:HGroup>
<s:Button id=”btn1″ icon=”@Embed(source=’images/close.png’)”/>
<s:Button id=”btn2″ icon=”images/close.png”/>
</s:HGroup>
</s:Panel>
<s:Panel title=”未嵌入测试”>
<s:HGroup>
<s:Button id=”btn3″ icon=”images/myIco.png”/>
<s:Button id=”btn4″ icon=”images/myIco.png”/>
</s:HGroup>

</s:Panel>
</s:VGroup>
</s:Application>

btn1嵌入了的图片，btn2就无法引用了，
而btn3、btn4没有嵌入，所以都可以引用。
看release的文件btn1嵌入的图片close.png是看不到的，已经嵌入进swf，
而myIco.png是存在的。

嵌入图片和不嵌入图片各有利弊，嵌入图会加快访问图片的速度，但同时也增大了编译文件，
以下是一个错误的示例，多个文件嵌入了同一份资源save24.png，使得每个swf文件都变大了。要按照实际需要选择

在上面的例子中当多个控件引用的是同一个资源时，嵌入图片用简单的变量访问方式，在多个地方引用所嵌入的资源。
这是变量就代表资源，提高写代码的效率

<?xml version=”1.0″ encoding=”utf-8″?>
<s:Application xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/mx”
minWidth=”955″ minHeight=”600″>
<fx:Declarations>
<!– Flex项目release后图片资源不见了,图片资源采用嵌入与不嵌入的区别
更多示例请访问www.waylau.com–>
</fx:Declarations>
<fx:Script>
<![CDATA[
[Embed(source="images/close.png")]
[Bindable]
public var imgCls:Class;
]]>
</fx:Script>
<s:VGroup>
<s:Panel title=”嵌入测试”>
<s:HGroup>
<s:Button id=”btn1″ icon=”{imgCls}”/>
<s:Button id=”btn2″ icon=”{imgCls}”/>
</s:HGroup>
</s:Panel>
<s:Panel title=”未嵌入测试”>
<s:HGroup>
<s:Button id=”btn3″ icon=”images/myIco.png”/>
<s:Button id=”btn4″ icon=”images/myIco.png”/>
</s:HGroup>
</s:Panel>
</s:VGroup>
</s:Application>