Flex应用程序中嵌入各种类型的资源方法总结

系列文章导航

可以在Flex应用程序中嵌入各种类型的资源,嵌入的资源被编译到Flex应用程序的SWF文件中。
可以嵌入的资源类型有PNG、JPEG和GIF文件格式的图像, SWF文件, 具有MP3文件格式的声音文件, SVG文件和字体。

1.嵌入图像
<mx:Script>
  <![CDATA[
   [Bindable]
   [Embed(source="pic/Cut.png")]
              private var img:Class;


  ]]>
</mx:Script>

<mx:Image id="myImage" source="{img}"/>
<mx:Button id="myButton" icon="{img}"/>
<mx:Button id="myButton2" icon="@Embed(source='pic/Delete.png')"/>
代码说明：
2种嵌入方式如下：
1.使用[Embed]元数据标签在的应用程序中嵌入图像，接着它将Image控件的source属性绑定到img类，img类是可以重复引用的
2.使用@Embed指令嵌入图像

2.嵌入SWF文件
<mx:Button id="myButton3" icon="@Embed(source='swf/a.swf')"/>
代码说明：
嵌入SWF文件与嵌入图像几乎是相同的

3.使用CSS为外观嵌入图像
<mx:Style>
        Button
        {
            upSkin: Embed("assets/box_closed.png");
            overSkin: Embed("assets/box.png");
            downSkin: Embed("assets/box_new.png");
        }
</mx:Style>

<mx:Button id="myButton"/>
代码说明：
upSkin:当未选择按钮且鼠标光标未停在控件位置时背景和边框的外观
overSkin:当未选择按钮且鼠标光标停在控件位置时背景和边框的外观
downSkin:当未选择按钮而按下了鼠标按键时背景和边框的外观

4.嵌入声音文件
<mx:Script>
<![CDATA[

   [Bindable]
   [Embed(source="mp3/j.mp3")]
            private var m:Class;

]]>
</mx:Script>

<mx:SoundEffect id="mySounds" source="{m}"/>
<mx:Button label="点我播放mp3" id="myButton" mouseDownEffect="{mySounds}"></mx:Button>
代码说明：
SoundEffect类用于播放MP3音频文件。例如，可以设置在用户单击Button控件时播放一种声音。可以使用source属性指定MP3文件。如果已使用Embed关键字嵌入MP3文件，即可将MP3文件的Class对象传递给source属性。否则，为MP3文件指定完整的URL。
mouseDownEffect:用户在组件上方按下鼠标按键时播放
注意：嵌入的声音文件会成为您的应用程序的一部分, 而MP3文件比较大时, 会使您的应用程序变得很大并会对应用程序的下载速度产生负面影响。

5.下载代码
https://files.cnblogs.com/aierong/CodeTestEmbed.rar

收藏与分享

收藏到QQ书签添加到百度搜藏添加到雅虎收藏