transitions

使用的对象必须是MovieClip类型或者其子类实例

属性

direction:Number  Tween实例的缓动方向,Transition.IN(数值0)指出现时的动画;Transition.OUT(数值1)指消失时的动画。

duration:Number Tween实例的时间长度

easing:Function  动画的补间效果

使用方法:

import fl.transitions.easing.*;
import fl.transitions.*;

var trans_obj:Object = new Object();
trans_obj.direction = Transition.IN;//出现时的动画
trans_obj.duration = 1;//一秒的缓动时间
trans_obj.type = Photo;//动画的类型
trans_obj.easing = Strong.easeOut;//补间效果
//必须有两个参数:
TransitionManager.start(image_mc,trans_obj);

也可以写成:

import fl.transitions.easing.*;
import fl.transitions.*;

//只能有一个参数:
var trans:TransitionManager = new TransitionManager(image_mc);
trans.startTransition( {type:Photo,
                        direction:Transition.IN,
                        duration:1,
                        easing:Strong.easeOut});

全部动画的类型及各自的参数:

Blinds:使用逐渐消失或逐渐出现的矩形来显示影剪对象。

参数:numStrips:“遮帘”效果中的遮罩条纹数,建议范围1-50.

dimension:指示遮罩条纹是垂直的(0)还是水平的(1)。遮罩条纹是垂直的,也意味着显示出来的是水平条纹的影片剪辑。

Fade:淡入淡出效果,无参数

Fly:从某一指定方向滑入影片剪辑对象。参数:

startPoint:一个指示起始位置的整数,范围1-9:

1:左上     2:上中     3:右上     4:左中

5:中心     6:右中     7:左下     8:下中

9:右下

Iris:使用可以缩放的方形或圆形动画遮罩来显示影剪对象。参数:

startPoint:同上

shape:Iris.SQUARE(方形)或Iris.CIRCLE(圆形)的遮罩形状

Photo:使影片剪辑对象像放映照片一样出现或消失,无参数

PixelDissolve:使用随机出现或消失的棋盘图案矩形来显示影剪。参数:

xSections:整数,沿水平轴的遮罩矩形的数目(建议1-25)

ySections:整数,沿垂直轴的遮罩矩形的数目(建议1-25)

Rotate:旋转影片剪辑对象。参数:

ccw:布尔值,顺时针false,逆时针:true

degrees:整数,指示对象要旋转的度数(建议:1-9999)。如设为1080时,会将对象旋转三次。

Squeeze:水平或垂直缩放影剪对象。参数:

dimension:挤压效果是水平的(0)还是垂直的(1)。

Wipe:使用水平移动的某一形状的动画遮罩来显示或隐藏影剪对象。参数:

startPoint:同上。

Zoom:通过按比例缩放来 放大或缩小 影剪对象。无参数

时间: 2024-10-10 02:52:41

transitions的相关文章

[D3] Reuse Transitions in D3 v4

D3 transitions start executing as soon as they’re created, and they’re destroyed once they end. This can present some challenges when attempting to create reusable transitions. This lesson demonstrates how to overcome those challenges using various a

(转)unbalanced calls to begin/end appearance transitions for uiviewcontroller的解决方法

iOS5 UIViewController加入了管理UIViewController的功能,就像管理subview一样方便.这儿有一博文介绍得很清楚.我在项目中用到了它,方便view的切换.下面的代码有一种fade in/out的效果. [self transitionFromViewController:_currentVC toViewController:newVC duration:0.5 options:UIViewAnimationOptionTransitionCrossDisso

CSS transitions深入理解

到底css transition是什么,我们来看w3c的解释: CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration. This smoothing animates the changing of a CSS value when triggered by a mouse click, focus or active state, or any chang

Unbalanced calls to begin/end appearance transitions for <IDOOrderHomeViewController: 0x8da2960>.

自定义TabBarController Push下一级Controller时 会报这样的错误:Unbalanced calls to begin/end appearance transitions for <UIVIewController>. 网上的一些回答,都说是动画引起的,解决方法就是,加一个BOOL型的变量,检查是否在做动画. if (transiting) { return; } transiting = YES; [self transitionFromViewControlle

Android 知识要点整理(11)----Scenes and Transitions(场景和变换)

除了常规的动画(帧动画.补间动画.属性动画)等作用于单个控件的动画,Android 还提供了一种类似的动画的功能,用于在两个不同的布局切换时提供过渡动画效果--Transitions Framework. Transitions Framework 简介 该框架帮助在布局改变的时候增加动画效果,它会在布局发生改变的时候应用一个或多个动画效果于布局中的每个控件.框架具有以下特点: 分组动画 一个或多个动画会作用于每个控件 基于变化的动画 动画是基于初始状态和最终状态的控件的属性值执行的 内置动画

如何使用JavaScript控制CSS Animations(动画)和Transitions(过渡)

Zach邮件跟我说,上Stack Overflow这类的论坛,他经常碰到一些关于JavaScript控制CSS 动画的问题,又提供给我几个例子.我很久就打算写一些关于这方面的文章,所以很高兴让Zach提出来并促使我写了这个教程. 有时候WEB开发人员认为CSS的动画比JavaScript的动画更难理解.虽然CSS动画有其局限性,但它的性能比大多数JavaScript库更加高效,因为它可以借助硬件加速啊!其效果绝对可以超出我们的预期. CSS animations和transitions再加上点J

自定义TabBarController报错 - Unbalanced calls to begin/end appearance transitions for &lt;&gt;

自定义了TabBarController 之后必须实现以下方法才能避免报错 -(void)viewWillAppear:(BOOL)animated { [self.selectedViewController beginAppearanceTransition: YES animated: animated]; } -(void) viewDidAppear:(BOOL)animated { [self.selectedViewController endAppearanceTransitio

CSS3 Transitions, Transforms和Animation使用简介与应用展示

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1268 一.前言兼目录索引 <天龙八部>里的虚竹小和尚之前可以说是和尚的先进人物与代表模范,各类清规戒律谨记与严守.但是,后来呢,花姑娘送到跟前,什么戒律都成了浮云,禁不住诱惑享乐去了.啊,我现在似乎有类似的感觉,本来不打算深究CSS3的一些属性的,但是其效果以及实际应用价值之诱惑实在巨大,还是抵挡不住,折腾下了这篇文

CSS3 Transitions 你可能不知道的知识点

如何临时让transition失效 我们给一个element设置了transition效果,但某些特殊情况,我们希望让transition临时失效.我们第一反应就是先移除transition设置,等其他属性设置完成之后再还原transition设置.但浏览器有时候会让我们感觉事与愿违看下面这段代码,你觉得会不会有transition动画效果? <div id="test"></div> <script> window.onload = functio

(10)场景转换(Transitions)

Cocos2d-x最爽的一个特性之一就是提供了在两个不同场景之间直接转换的能力.例如:淡入淡出,放大缩小,旋转,跳动等.从技术上来说,一个场景转换就是在展示并控制一个新场景之前执行一个转换效果. 场景之间通过TransitionScene系列类来实现过渡跳转的效果.TransitionScene继承于Scene,该系列类主要是与场景切换特效相关的一些使用类.如TransitionFadeDown.TransitionPageTurn.TransitionJumpZoom等等. 下图是Transi