使用@Embed嵌入元素

以在Flex应用程序中嵌入各种元素。被嵌入的元素将编译进SWF文件。它们不是在运行时载入的，所以不必为应用程序部署原元素。

可以嵌入的图像格式有PNG、JPEG、GIF。嵌入后可以同时使用它的多个实例。

下面的例子使用[Embed]原标签经image嵌入应用程序，并且采用绑定ActionScript类的形式。这就可以绑定Image控件的source属性到Logo类。可以绑定Logo类到任何可以使用image的组件属性上，比如Button控件的icon属性。
例子：

<?xml version="1.0" encoding="utf-8"?><!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"viewSourceURL="src/EmbeddingImages/index.html"layout="horizontal" width="350" height="250"><mx:Script><![CDATA[[Embed(source="assets/logo.png")][Bindable]public var Logo:Class;            ]]></mx:Script><mx:Image id="myLogo" source="{Logo}"/><mx:Image id="myLogo2" source="{Logo}"/></mx:Application>

-----------------------------------------------------------------

如果想只使用一个实例的话，可以使用内部@Embed直接将图像嵌入Flex应用程序。

下面的例子添加了一个Image组件，并且使用@Embed直接定业了它的source属性。要使用相同的image，就必须再次将此image嵌入到那个组件中。

如果想显示一个嵌入image的多个实例，可以用[Embed]原标签代替。

例子：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application<!-- http://yecon.blog.hexun.com/29628260_d.html -->xmlns:mx="http://www.adobe.com/2006/mxml"viewSourceURL="src/EmbeddingAnImage/index.html"width="200" height="240"><mx:Image id="myLogo" source="@Embed('assets/logo.png')"/></mx:Application>

-----------------------------------------------------------------

可以在Flex应用程序中嵌入image，并且可以将它应用于组件的皮肤。可以定义一个CSS选择器，以设置所有组件的皮肤。

在下面的例子中，为Button控件创建了一个CSS选择器。

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"viewSourceURL="src/EmbeddingImagesCSS/index.html"layout="horizontal" width="270" height="100"horizontalAlign="center" verticalAlign="middle"><mx:Style>Button{upSkin: Embed("assets/box_closed.png");overSkin: Embed("assets/box.png");downSkin: Embed("assets/box_new.png");}</mx:Style><mx:Button/><mx:Text text="Roll over and click the box!"/></mx:Application>

-----------------------------------------------------------------

嵌入SWF文件的方法与嵌入IMAGE的方法差不多，只是可以把已嵌入的SWF文件实例当做MovieClip类。

（不可直接访问嵌入SWF文件的属性和方法，但是可以使用LocalConnection来允许他们之间的通信）

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"viewSourceURL="src/EmbeddingSwfFiles/index.html"layout="horizontal" width="290" height="290"horizontalAlign="center" verticalAlign="middle"><mx:Script><![CDATA[[Embed(source="assets/hourglass.swf")][Bindable]public var Hourglass:Class;            ]]></mx:Script><mx:Image id="hourglass" source="{Hourglass}"/>
</mx:Application>

-----------------------------------------------------------------

可以嵌入存在于应用程序的SWF文件库里的特殊标签。

Flash定义了三种类型的标签：Button、MovieClip、Graphic。可以嵌入Button和MovieClip标签到Flex应用程序，但是不不能嵌入Graphic标签。

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"viewSourceURL="src/EmbeddingSwfLibraryAssets/index.html"layout="horizontal" width="450" height="240"horizontalAlign="center" verticalAlign="bottom"><mx:Script><![CDATA[[Embed(source="assets/library.swf", symbol="BadApple")][Bindable]public var BadApple:Class;[Embed(source="assets/library.swf", symbol="Pumpkin")][Bindable]public var Pumpkin:Class;]]></mx:Script><mx:Image id="badApple" source="{BadApple}" width="150" height="151.8"/><mx:Image id="pumpkin" source="{Pumpkin}" width="150" height="131.7"/>    </mx:Application>

-----------------------------------------------------------------

可以通过使用[Embed]原标签的方法在Flex应用程序中嵌入MP3文件。

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"layout="vertical" horizontalAlign="center" verticalAlign="center"viewSourceURL="srcEmbeddingSoundFiles/index.html"><mx:Script><![CDATA[import mx.core.SoundAsset;import flash.media.*;[Embed(source="assets/pie-yan-knee.mp3")][Bindable]public var Song:Class;public var mySong:SoundAsset = new Song() as SoundAsset;public var channel:SoundChannel;public function playSound():void{// Make sure we don't get multiple songs playing at the same timestopSound();// Play the song on the channelchannel = mySong.play();}public function stopSound():void{// Stop the channel, but only if it existsif ( channel != null ) channel.stop();}]]></mx:Script><mx:HBox><mx:Button label="play" click="playSound();"/><mx:Button label="stop" click="stopSound();"/>        </mx:HBox><mx:Text width="348" textAlign="center" color="#ffffff"><mx:htmlText><![CDATA[<a href="http://derekaudette.ottawaarts.com/music.php">Pie-Yan-Knee Written and Performed by: Derek R. Audette (c) 2004 (Creative Commons Attribution License)</a>]]></mx:htmlText></mx:Text></mx:Application>

-----------------------------------------------------------------

可以在Flex应用程序中嵌入SVG文件

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="horizontal"viewSourceURL="srcEmbeddingSvgFiles/index.html"width="600" height="470"><mx:Script><![CDATA[[Embed(source="assets/frog.svg")][Bindable]public var SvgFrog:Class;            ]]></mx:Script><mx:Image id="smallFrog" source="{SvgFrog}" width="128" height="130"/><mx:Image id="largeFrog" source="{SvgFrog}"/>
</mx:Application>

-----------------------------------------------------------------

可以在Flex应用程序中嵌入字体

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29628260_d.html -->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="horizontal"horizontalAlign="center"verticalAlign="center"viewSourceURL="src/EmbeddingFonts/index.html"><mx:Style>@font-face{font-family: Copacetix;src: url("assets/copacetix.ttf");unicode-range:U+0020-U+0040, /* Punctuation, Numbers */U+0041-U+005A, /* Upper-Case A-Z */U+005B-U+0060, /* Punctuation and Symbols */U+0061-U+007A, /* Lower-Case a-z */U+007B-U+007E; /* Punctuation and Symbols */}.MyTextStyle{font-family: Copacetix;font-size: 24pt;    }</mx:Style><mx:Text styleName="MyTextStyle" text="Embedded fonts rock!" width="100%"/>    </mx:Application>

使用@Embed嵌入元素相关推荐

（转）AS3-元数据Embed嵌入说明
转自:http://www.shareme.cn/blog/article.asp?id=498 /** 没有设置,Flash会在源属性中根据导入资源文件的扩展名载入合适的类型* Flash不能通过X ...
一些奇葩的元素节点object，video
object元素 object这个元素,现在前端很少用到,但是像flash,svg等奇葩元素,必须嵌套在object对象元素中.现代浏览器用video,canvas代替这些元素. 之前做过图表和地图的 ...
第七章在网页中嵌入多媒体内容
7.1 概述常用多媒体标记: 标记描述 <marquee> 设置文字等对象在页面中的滚动效果 <embed> 在页面中嵌入MP3.视频等多媒体内容 <applet&g ...
HTML5（李炎恢）学习笔记三 ------------- HTML5元素（上）
一.文本元素 HTML5规范指出:使用元素应该完全从元素的语义出发.但是由于历史遗留及用户至上的原则,这种语义会宽松许多. 1.文本元素总汇 2.文本元素解析 1.<b>表示关键字和产品名 ...
HTML元素大合集来了
提示:刘亦菲们和彭于晏们会多看几分钟哦,精华都在后面呢文章目录前言一.基本格式 1. 基本框架 2.快捷注释 3.head和body 4.超链接 5.提高书写效率二.文本元素 1.元素介绍 2 ...
小白读《HTML５权威指南》第二部分，HTML元素
地址:http://note.youdao.com/noteshare?id=ca45c17e98435e0a6095f05bd7e7f565 下面是直接复制粘贴过来的,没有图片和乱版了. HTML5 ...
html5的a能不能放div,从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型...
我们知年有这只制明个手近天点里要它出水机近天点道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css ...
细说HTML元素的ID和Name属性的区别
细说HTML元素的ID和Name属性的区别可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的 ...
HTML元素的ID和Name属性的区别[转]
我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的. 上周我也遇到了ID和Name的问题,在页面里输入了一个in ...

使用@Embed嵌入元素

使用@Embed嵌入元素相关推荐

最新文章

热门文章