- 浏览: 248211 次
- 性别:
- 来自: 厦门
文章分类
最新评论
-
topbox163:
图片显示不了
Flex 学习曲线图 -
彭利贤:
你好,想请教您一些关于flash的问题,您可以加我qq吗 59 ...
全屏flash的尺寸分析 -
jingj6:
是开源的吗?
小日本做的非常强大的一款AS3 3D引擎 -
hugh52066:
LZ牛B。
Flex 学习曲线图 -
sweed0:
a dream~~
一个让人瞠目结舌的传奇电脑高手!
6.3.1 模糊效果和发光效果的运用实例
Blur 模糊效果 和 Glow 发光效果都运用了Flash Player 内置的filter滤镜功能,继承于 TweenEffect 对象。TweenEffect 对象是所有形变效果的父类,它的子类占据了动画效果的绝大部分。
Blur 模糊效果
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initUI()"> <mx:Style source="style.css" /> <mx:Script> <![CDATA[ private var handlerEnd:Boolean = true; private var isReverse:Boolean = false; //初始化函数 private function initUI():void{ //指定目标对象,[]是数组定义符号 //[myPane]表示一个只含有一个元素的数组 Effect_Blur.targets = [myPanel]; //var arr:Array = new Array(); //arr.push(myPanel); } //开始播放动画效果 internal function startBlur():void{ handlerEnd = true; Effect_Blur.play(); } //执行动画播放结束后的动作 internal function endBlur():void{ if(handlerEnd){ //反向变化 isReverse = !isReverse; Effect_Blur.play(null,isReverse); } } //停止按钮的动作 internal function stopBlur():void{ handlerEnd = false; Effect_Blur.end(); pauseBtn.label = "暂停"; //清空滤镜,消除模糊效果,将myPanel还原到原始状态 myPanel.filters = []; } //暂停按钮的动作 internal function pauseHandler():void{ if(!Effect_Blur.isPlaying){ return; } if(pauseBtn.label == "暂停"){ pauseBtn.label = "继续"; Effect_Blur.pause(); }else{ pauseBtn.label = "暂停"; Effect_Blur.resume(); } } ]]> </mx:Script> <mx:Blur id="Effect_Blur" effectEnd="endBlur()" blurXFrom="0" blurXTo="30" blurYFrom="0" blurYTo="30" duration="1500"/> <mx:Panel id="myPanel" styleName="imgPanel" x="30" y="42" width="232" height="215" layout="absolute" title="图片面板"> <mx:Image x="0" y="10" source="tree.jpg"/> <mx:Label x="0" y="109" text="walking tree"/> </mx:Panel> <mx:Button click="startBlur()" x="30" y="275" label="开始" width="50"/> <mx:Button click="stopBlur()" x="124" y="275" label="停止" width="48"/> <mx:Button click="pauseHandler()" x="214" y="275" label="暂停" width="48" id="pauseBtn"/> </mx:Application>
动画效果的target 属性,用来指定作用对象,而targets 属性可以将动画效果一次运用在多个对象上。targets 是一个Array 数组。
Blur 对象的这些属性:blurXFrom、blurXTo、blurYFrom、blurYTo 定义了始末位置的模糊距离。
Effect 对象的play 方法中,第一个参数表示目标对象,如果之前已经指定,可以直接用null代替。第二个参数isReverse 表示播放方向,true:逆向播放,falsh:正向播放。
filters属性代表目标对象当前使用的滤镜集合。它是所有可视化对象的公有属性,以数组的形式存储了自身所有的滤镜数据。如果使用[]给他赋值,代表清除了目标所有滤镜效果的作用。
Glow 发光效果
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initUI()"> <mx:Style source="style.css" /> <mx:Script> <![CDATA[ private var handlerEnd:Boolean = true; private var isReverse:Boolean = false; private function initUI():void{ Effect_Blur.target = myPanel; Effect_Glow.target = myPanel; } //开始播放动画效果 internal function startBlur():void{ //在播放函数中指定目标对象,[]是数组定义符号,[myPane] //var arr:Array = new Array(); //arr.push(myPanel); handlerEnd = true; Effect_Blur.play(); Effect_Glow.play(); } //执行动画播放结束后的动作 internal function endBlur():void{ if(handlerEnd){ //反向播放 isReverse = !isReverse; Effect_Blur.play(null,isReverse); } } internal function stopBlur():void{ handlerEnd = false; Effect_Blur.end(); var tmpArr:Array = myPanel.filters; //遍历数组 for (var i:uint = 0; i < tmpArr.length; i++) { //is 是类型判断符号,指明对象是否是指定对象的实例或指定对象子类的实例 if (tmpArr[i] is BlurFilter) { //如果是,从数组中删除。 //splice(i,1),删除从i位置开始的一个元素 tmpArr.splice(i,1); i = i-1; } } //将新的数据赋予对象,新的滤镜生效 //myPanel.filters = tmpArr; myPanel.filters = [] } ]]> </mx:Script> <mx:Blur id="Effect_Blur" effectEnd="endBlur()" blurXFrom="0" blurXTo="30" blurYFrom="0" blurYTo="30" duration="1500"/> <mx:Glow id="Effect_Glow" alphaFrom="1.0" alphaTo="0.3" blurXFrom="0.0" blurXTo="30.0" blurYFrom="0.0" blurYTo="30.0" color="0x6633ff" /> <mx:Panel id="myPanel" styleName="imgPanel" x="30" y="42" width="232" height="215" layout="absolute" title="图片面板"> <mx:Image x="0" y="10" source="tree.jpg"/> <mx:Label x="0" y="109" text="walking tree"/> </mx:Panel> <mx:Button click="startBlur()" x="30" y="275" label="开始" width="50"/> <mx:Button click="stopBlur()" x="124" y="275" label="停止" width="48"/> </mx:Application>
Glow 对象的参数比较多,主要是设置光颜色color、透明度alphaFrom alphaTo、水平和垂直的发光距离blurXFrom、blurXTo、blurYFrom、blurYTo。
发表评论
-
如何使用Cairngorm3的导航库(Spring AS)
2011-08-29 17:39 2855一、概述 二、LIB库包配置 下载需要的LIB库 ... -
Flex学习笔记_06 使用行为对象和动画效果_ 放缩\调整大小效果
2008-09-28 16:47 37656.3.2 放缩效果和调整大 ... -
Flex学习笔记_06 使用行为对象和动画效果_认识行为对象、行为和组件
2008-08-17 01:30 21806.1 认识行为对象 6.1.1 什么是行为对象 行 ... -
Flex学习笔记_09 数据绑定_运用实例
2008-07-28 23:41 32159.3.1 实现界面的多语言切换 <?xml vers ... -
Flex学习笔记_09 数据绑定_晋级篇
2008-07-28 22:27 28349.2.1 函数和类级别的绑 ... -
Flex学习笔记_09 数据绑定_概念、使用
2008-07-21 23:32 20429.1 认识数据绑定 9.1.1 数据绑定的概念 ... -
Flex学习笔记_08 Flex的事件机制_高级应用
2008-07-16 23:11 31728.3 事件机制的高级应用 8.3.1 事件的优先级别和 ... -
Flex学习笔记_08 Flex的事件机制_事件工作流程
2008-07-15 09:05 26878.2 事件机制的工作流程 8.2.1 关于事件流 ... -
Flex学习笔记_08 Flex的事件机制_事件架构
2008-07-14 08:54 24558.1 一切从事件开始 8.1.1 关于事件 事件有 ... -
Flex学习笔记_07 ActionScript 3.0 编程基础_数据类型及其运算、程序流程
2008-07-13 19:21 46107.3 数据类型和数据运算 7.3.1 关于数据类型 ... -
Flex学习笔记_07 ActionScript 3.0 编程基础
2008-07-09 23:15 28537.1 了解 ActionScript 3.0 7.1 ... -
Flex学习笔记_06 使用组件处理数据和交互_03控件的实例应用
2008-07-06 14:26 25543. 控件的实例应用 3.1 制作一个简单的涂鸦板 ... -
Flex学习笔记_06 使用组件处理数据和交互_02导航类组件
2008-07-02 00:04 29622. 导航类组件 2.1 ToggleButtonBa ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(下)
2008-06-30 10:37 4576Flex学习笔记_06 使用组 ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(中)
2008-06-29 22:50 3934Flex学习笔记_06 使用组件处理数据和交互_01常用组件( ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(上)
2008-06-26 23:11 4490Flex学习笔记_06 使用组件处理数据和交互_01常用组件( ... -
Flex学习笔记_05 使用容器控制界面布局_03动态布局、导航容器、表单布局
2008-06-25 08:40 6682本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_05 使用容器控制界面布局_02窗口布局
2008-06-24 09:07 5070本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_05 使用容器控制界面布局_01管理程序的布局
2008-06-23 23:52 5609本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_04 MXML语言简介
2008-06-17 22:52 54221. MXML语法 MXML语言是专门用于Flex程序中, ...
相关推荐
Flex学习笔记_09 数据绑定_概念、使用 - Java&Flex - JavaEye技术网站 希望对爱好有帮助!!
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
学习了一段时间的flex... 上传点资源,大家分享。 flex,怎么学习flex,Flex_3_Cookbook_中文版
Flex_3_with_JavaFlex_3_with_JavaFlex_3_with_JavaFlex_3_with_Java
amcharts_flex_components_1.8.1 和开发示例
flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记
Flex_CookBook_读书笔记(精品) Flex_CookBook_读书笔记(精品)
将_Adobe_Flex_和_JavaFX_与_JavaServer_Faces_2.0_结合使用.pdf
arcgis_api_for_flex_3_6 api库文件,现在esri官网需哟注册才能下载了,而且网速超慢,我下了好几次才下载完,希望对大家有用
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
MAPABC_FLEX_API_WEB_V2.4
4.2 动画效果Effect-Using Behaviors 26 4.3使用皮肤-Creating Skin 28 5.Flex通信 30 5.1 与HTTPService交互 30 5.2 与WEBService交互 30 5.2.1WebService简介 30 5.2.2 Flex访问WebService 32 6 BlazeDS与服务端...
Flex万年历记事本_flex源码
Flex_I_O_简介
map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9
flex_video_帮助
flex4源码 超酷menu导航 flex4
flex_and_bison flex_and_bison
演示 Flex 3.0 中的各种动画效果(effect)的应用 • Zoom - 放大/缩小 • Wipe - 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示 • Rotate - 旋转 • Resize - 调整控件大小 • Fade - 淡入/淡出 • ...
Flex_4.0_RIA开发详解讲义.rar Flex_4.0_RIA开发详解讲义.rar Flex_4.0_RIA开发详解讲义.rar Flex_4.0_RIA开发详解讲义.rar