- 浏览: 129713 次
- 性别:
- 来自: 济南
文章分类
最新评论
可以在Flex应用程序中嵌入各种元素。被嵌入的元素将编译进SWF文件。它们不是在运行时载入的,所以不必为应用程序部署原元素。
1. 可以嵌入的图像格式有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:Application xmlns: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>
或
<?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>
2. 可以在Flex应用程序中嵌入image,并且可以将它应用于组件的皮肤
可以定义一个CSS选择器,以设置所有组件的皮肤
<?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" 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>
3. 嵌入SWF文件的方法与嵌入IMAGE的方法差不多,只是可以把已嵌入的SWF文件实例当做MovieClip类
(不可直接访问嵌入SWF文件的属性和方法,但是可以使用LocalConnection来允许他们之间的通信)
<?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" 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:Application xmlns: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>
4. 可以通过使用[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 { stopSound(); channel = mySong.play(); } public function stopSound():void { if ( 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>
5. 可以在Flex应用程序中嵌入SVG文件
<?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="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:Application>
6. 可以在Flex应用程序中嵌入字体
<?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="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>
发表评论
-
连续滚动的图片效果
2010-01-25 14:37 1554思路是,把超出视觉范围 ... -
Flex PureMVC实例教程
2009-12-18 00:01 4252摘自: http://blog.csdn.net/ ... -
as3强大的正则表达式:RegExp
2009-12-04 15:20 915摘自: http://www.okp ... -
FLEX 3 新特性 (个人无责任猜想版)
2009-11-07 21:32 915http://www.unbuzz.com/blogs/ind ... -
Flex设置ToolTip样式
2009-10-25 13:33 1309StyleManager.getStyleDeclaratio ... -
谈谈Flex中ArrayCollection的复制(克隆)
2009-05-19 14:44 1207在Flex的开发过程中,常常会遇到复制ArrayC ... -
Flex-DataGrid使用关键字过滤结果
2009-04-23 17:02 952这里主要展示如何使用搜索的关键字过滤DataGri ... -
你有所不知的HTML发布Flash的参数(一):allowScriptAccess
2009-04-13 10:22 1299摘自: http://www.luar.com.hk/flas ... -
firefox下js与flash通讯的可恶
2009-04-12 16:56 779http://www.laaan.cn/?p=682 -
flex creationComplete事件的一些思考
2009-03-29 21:39 1436creationComplete恐怕是flex ... -
flex初始化时的事件测试
2009-03-29 21:31 861flex组件在建立的时候都会经历四个事件:preinitial ... -
Flex locale ResourceBundle的使用
2009-03-25 15:47 3000ResourceBundle的使用 新建文件夹(Loca ... -
RangeError: Error #2006: 提供的索引超出范围
2009-03-18 11:18 3333如果你使用了PopUpManager.addPopUp添加弹出 ... -
TabNavigator使用心得
2009-03-17 10:58 1823做了一个控件很长时间,一直有两个问题困扰我。 1. ... -
Flex 数据绑定技巧
2009-03-16 21:19 806有一种简单的方法可以 ... -
Flex 程序的初始化顺序
2009-03-16 21:11 830Flex程序执行的过程中会触发 preinitialize, ... -
Application的启动顺序
2009-03-16 21:10 801preloader->systemManager-> ... -
Flex启动过程分析
2009-03-16 21:02 769首先介绍一下SystemManager. SystemMana ... -
Flex的crossdomain.xml问题
2009-03-09 13:04 3491玩过Flex或者Flash的同学都知道,如果想要在Flash里 ... -
FLEX内存优化
2009-03-06 13:17 897FLEX内存释放优化原则: ...
相关推荐
将脚本元素嵌入到可滚动HTML页面中。 基本标记: EMBED-SCRIPT元素是设置了data-embed-script属性的任何元素。 此属性的值是要加载的EMBED-SCRIPT包的名称。 可选属性data-embed-param可用于指定脚本操作的其他参数...
go-embed - 生成的Go代码来嵌入资源文件到你的库或可执行文件中
使用Embed加载图片资源的方法,供初学as3的同学参考学习。
components-flex-embed, 内嵌比嵌入的组件 CSS 适合 CSS components-flex-embed 用于响应特性的CSS嵌入。 Includes 3: 1,2:,16: 9 和 4: 3 长宽比包含修饰符类。阅读更多关于css原则设计的css原则的文章。安装npm:
使用Embed嵌入xml,有需要的同学自行下载
田园诗般的嵌入将Idyll直接嵌入HTML页面用法<!DOCTYPE html >< html lang =" en " dir =" ltr " > < head > < meta name =" viewport " content =" width=device-width, initial-scale=1.0, ...
tomcat-embed-core-9.0.16.jar
embed: 另一个Golang静态内容嵌入器
MDX嵌入MDX Embed可让您轻松地将流行的第三方媒体内容(例如YouTube视频,Tweets,Instagram帖子等)直接嵌入到您的.mdx -无需导入! :rocket: 入门 有多种使用mdx-embed 。 前往以获取有关当前软件包的更多信息: :...
关于“百歌搜索引擎tomcat嵌入版(Baioogle-SearchEngine Embed in Tomcat)”的说明: 2008年5月份,因学习《信息检索》课程,本人利用java的开源搜索引擎库lucene,以及结合ajax技术google-suggest功能,模仿baidu...
假设 Gin 项目下需要使用静态资源以及 Template 视图模板,结构如下所示:现在我们利用 embed 就可以将上面的 templates 和 asset
最近在工作中碰到了在网页中嵌入播放器播放声音文件的需求,最后使用了embed元素 代码如下: 复制代码代码如下: <embed src=’1093.swf’ autostart=’false’ hidden=’true’ loop=’false’ ></embed&...
npm install --save @noxify/gridsome-plugin-remark-embed 如何使用 //gridsome.config.js module . exports = { plugins : [ { use : '@gridsome/source-filesystem' , options : { path : 'blog/**/*.md' , ...
元素传递给我们将用作容器的嵌入。 默认情况下,这个将完全适合它的容器: < div id =" embed-container " > </ div > < script src =" https://prod.flat-cdn.com/embed-js/v1.4.0/embed.min.js " > </...
使用“模板”或“样式”属性来选择用于嵌入的模板。 IE: <embed url=URL template=TEMPLATE></embed> 其他属性被传递到模板,并会做各种事情,在模板中定义。 IE: <embed url=URL template=...
EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”> src:音乐文件的路径及文件名;(完整的路径或URL) ShowTracker:为是否显示播放进度条 ShowPositionControls:为是否显示...
saiku-embed-element:使用Polymer嵌入Saiku Analytics的Web组件
嵌入概念 用于概念嵌入组件的Web服务器。 这样,您就可以使用其他功能,例如流程图,图表等。 可用的库: 如何 获取您的概念令牌。 此处的更多信息: : 创建概念的代码元素: 设置降价语言: 复制元素的块ID: ...
嵌入创作者 本模块假定您具有Discord.js的基本知识。 不和谐的嵌入创造者 钥匙 const ce = require ( "embed-creator" ) ; msg . channel . send ( ce ( "hex code color" , "author object" , "title" , ...
React码笔嵌入 用于嵌入笔的React组件来自 安装 # using npm cli npm install --save react-codepen-embed # using yarn yarn add react-codepen-embed 用法 import React from "react" ; import Codepen from ...