没有合适的资源？快使用搜索试试~ 我知道了~

文库首页网络技术其它flex中动画效果

flex中动画效果

flex

需积分: 13 1 下载量 115 浏览量 2013-03-07 21:42:47 上传评论收藏 63KB DOCX 举报

温馨提示

试读

13页

介绍演示 Flex 3.0 中的各种动画效果(effect)的应用 • Zoom - 放大/缩小 • Wipe - 从上/下/左/右 4 个方向线性渐变地对控件做删除/显示 • Rotate - 旋转 • Resize - 调整控件大小 • Fade - 淡入/淡出 • Move - 改变控件位置 • Iris - 显示/消失（放射性渐变） • Blur - 模糊 • Dissolve - 对控件做alpha修改 • Glow - 对控件做周边发光 • SoundEffect - 播放一段音频 • Parallel - 对各种 effect 做并行展示 • Sequence - 对各种 effect 做串行展示 • TweenEffect - 此类是大部分 effect 的基类

资源详情

资源评论

作者：webabcd

介绍

演示 Flex 3.0中的各种动画效果(eect)的应用

 Zoom - 放大/缩小

 Wipe - 从上/下/左/右 4 个方向线性渐变地对控件做删除/显示

 Rotate - 旋转

 Resize - 调整控件大小

 Fade - 淡入/淡出

 Move - 改变控件位置

 Iris - 显示/消失（放射性渐变）

 Blur - 模糊

 Dissolve - 对控件做 alpha 修改

 Glow - 对控件做周边发光

 SoundEect - 播放一段音频

 Parallel - 对各种 eect 做并行展示

 Sequence - 对各种 eect 做串行展示

 TweenEect - 此类是大部分 eect 的基类

在线 DEMO

http://www.cnblogs.com/webabcd/archive/2009/11/09/1598980.html

1、Zoom.mxml

<?xmlversion="1.0"encoding="utf-8"?>

<!--

演示放大/缩小的动画效果

-->

<mx:Panelxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolut

e"width="400"height="300"

title="Effect-Zoom(放大/缩小)">

<mx:Script>

<![CDATA[



privatefunctiondoZoom(e:MouseEvent):void

{

if(zoom.isPlaying)

{

zoom.reverse();

}

else

{

zoom.play([e.target],e.type==MouseEvent.ROLL

_OUT?true:false);

}

}



]]>

</mx:Script>



<mx:Zoomid="zoom"originX="24"originY="24"

zoomWidthFrom="1"zoomWidthTo="2"zoomHeightFrom="1"zoomHe

ightTo="2"/>



<mx:Imagesource="@Embed('images/logo.png')"

x="24"y="24"width="48"height="48"

scaleX="1"scaleY="1"

rollOver="doZoom(event)"rollOut="doZoom(event)"

/>



</mx:Panel>

2、Wipe.mxml

<?xmlversion="1.0"encoding="utf-8"?>

<!--

演示从上/下/左/右 4个方向线性渐变地对控件做删除/显示的动画效果

-->

<mx:Panelxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolut

e"width="400"height="300"

title="Effect-WipeUp,WipeDown,WipeLeft,WipeRight(擦除)">



<mx:Script>

<![CDATA[



privatefunctioneffectEndHandler():void

{

mx.controls.Alert.show("WipeLeft效果结束");

}



]]>

</mx:Script>



<mx:WipeLeftid="wipeLeft"duration="1000"effectEnd="effectEnd

Handler()"/>

<mx:WipeUpid="wipeUp"duration="1000"/>



<mx:Imagesource="@Embed('images/logo.png')"

x="24"y="24"width="48"height="48"

visible="{chk.selected}"hideEffect="{wipeLeft}"showEffect

="{wipeUp}"

/>



<mx:ControlBarhorizontalAlign="center">

<mx:CheckBoxid="chk"label="显示"selected="true"

textRollOverColor="blue"

textSelectedColor="red"

/>

</mx:ControlBar>



</mx:Panel>

3、Rotate.mxml

<?xmlversion="1.0"encoding="utf-8"?>

<!--

演示旋转的动画效果

-->

<mx:Panelxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolut

e"width="400"height="300"

title="Effect-Rotate(旋转)">



<mx:Script>

<![CDATA[



[Bindable]

privatevarangle:int=0;



privatefunctionrotateImage():void

{

rotate.end();

剩余12页未读，继续阅读

评论收藏

内容反馈

flex中动画效果

评论0

最新资源

flex中动画效果

评论0

最新资源

相关推荐

Flex 布局变化时的动画效果解析 简单版

Flex所有功能演示及代码.rar

flexdemo示例有兴趣可以看看

flex动画效果，有代码

flex效果展示

flex 各种 效果

AS3动画及效果(flex)

flex 做的控件翻转动画效果

Flex动画效果教程

flex动画效果与变幻.pdf

flex各种效果演示

Flex 动画效果

flex效果篇

flex iread效果

马赛克效果（flex）

flex写的变形效果

flex相册效果

Flex 游戏中行走动画

flex 苹果桌面效果的弹出窗口

flex 第一步全部源码 实例源码

精通Flex 3.0——基于ActionScript 3.0实现_源代码

flexjsHMTL5引擎可实现复杂的动画效果

flex 登录效果

flex 百叶窗效果

flex倒影效flex倒影效果

flex翻书效果 flex翻书效果

flex 左右分栏 效果

Flex4之控制状态转换以及产生动画特效【登录示例】

flex 动画相册 Move 导入可用

Flex 布局变化时的动画效果解析简单版

flex 各种效果

flex 第一步全部源码实例源码

flex 左右分栏效果