Flex之嵌入外部资源

1.MXML中嵌入外部资源：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- embed\ButtonIcon.mxml -->
<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"?>
<!-- embed\ButtonIconClass.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <!--[CDATA[
            [Embed(source="logo.gif")]
            [Bindable]
            public var imgCls:Class;
        ]]-->
    </mx:Script> 

    <mx:Button label="图标按钮 1" icon="{imgCls}"/>
    <mx:Button label="图标按钮 2" icon="{imgCls}"/>
</mx:Application>

 

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

 

<?xml version="1.0" encoding="utf-8"?>
<!-- embed\ButtonIconCSS.mxml -->
<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"?>
<!-- embed/EmbedAccessClassObject.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <!--[CDATA[
        
            import mx.core.BitmapAsset;
        
            [Embed(source="catcat.gif")]
            [Bindable]
            public var imgCls:Class;

            public var varOne:String = "This is a public variable";
            
            private function modImage():void {
                 // 建立一个对象。
                var imgObj:BitmapAsset = new imgCls() as BitmapAsset;
                
                // 改变对象。
                imgObj.bitmapData.noise(4);

                // 将改变了的对象赋值给图像控件。
                myImage.source=imgObj;
            }
        ]]-->
    </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;