Flex之嵌入外部资源 ------ 示例代码演示

最新推荐文章于 2025-08-09 11:01:03 发布

原创最新推荐文章于 2025-08-09 11:01:03 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #application #encoding #button #class #image

RIA技术专栏收录该内容

80 篇文章

订阅专栏

本文介绍如何在MXML和ActionScript中嵌入不同类型的外部资源，包括图片、SVG图像、MP3音频及SWF文件等，并展示了具体的实现代码。

1.MXML中嵌入外部资源：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Button label="图标按钮" icon="@Embed(source='logo.gif')"/> </mx:Application>

2.ActionScript中嵌入外部资源：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script>  </mx:Script> <mx:Button label="图标按钮 1" icon="{imgCls}"/> <mx:Button label="图标按钮 2" icon="{imgCls}"/> </mx:Application>

3.在样式表中嵌入外部资源：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Style> .myCustomButton { overSkin:Embed(source="overIconImage.png"); upSkin:Embed(source="upIconImage.png"); downSkin:Embed(source="downIconImage.png"); } </mx:Style> <mx:Button styleName="myCustomButton" width="30" height="30"/> </mx:Application>

4.嵌入资源类型：

a.图片：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script>  </mx:Script> <mx:Panel title="嵌入图像资源示例" width="90%" height="90%" horizontalAlign="center" verticalAlign="middle"> <mx:HBox> <mx:Image id="myImageRaw" source="{imgCls}"/> <mx:Image id="myImage" creationComplete="modImage();"/> </mx:HBox> </mx:Panel> </mx:Application>

注意：运行结果右边的图像为嵌入图片前的原始效果，左边的图像为修改后的效果。

b.SVG图像文件：

    [Embed(source="logo.svg")]
    [Bindable]
    public var imgCls:Class;

c.MP3音响文件：

    [Embed(source="sample.mp3")]
    [Bindable]
    public var imgCls:Class;

d.SWF文件：

    [Embed(source="icon.swf")]
    [Bindable]
    public var imgCls:Class;