使用Flex中Image组件图片无法呈现问题分析

转自： http://bbs.airia.cn/home.php?mod=space&uid=133476&do=blog&id=5926

Flex中的Image组件使用方法，其source属性支持：路径和类。

方法1<s:Image source="a.png"/>

方法2<s:Image source="Embed('a.png')"/>

方法3

[Embed(source='a.png')]

[Bindable]

private var imga:Class;

<s:Image source="{imga}"/>

 

问题描述：

通过方法1使用Flex中Image组件，有时图片不能显示。（这个有时用的微妙，因为要是摸清了规律问题也就解决了）

 

问题分析：

方法1和方法2、方法3的使用是有本质区别的，方法1属于运行时加载图片，方法2、方法3属于编译时加载。

那么使用方法1图片怎么就出不来呢？运行时加载，那应该是没有编译到bin-debug中。

我于是拿着测试程序实验，打开bin-debug一看，果然没有图片编译结果。

 

刨根问底：

为什么源文件中有这个图片却不编译到编译结果中呢？

我于是建了测试工程发现源文件中的资源文件都能编译到结果文件中，怎么回事呢？

是不是Embed惹的祸，如果这个图片已经使用Embed编译时嵌入到了swf中，那么还会在bin-debug中单独出现吗？

经验证，发现不会的，问题原因已经找到。

 

反思：

既然图片都已经嵌入到了swf，何苦又用运行时加载的方式呢？

看起来觉得荒唐，其实看官莫笑，如果在一个大项目中，如果没有统一的规划，如果这个图片是被别人已经嵌入编译到swf中的，我又怎么知道呢？

 

总结：

回头看发现这是个很简单的问题，但是再简单的问题，只要用一颗好奇的眼睛看，用敏锐的大脑去思考，任何问题总是有价值的。