FLASH 中用 AS实现过渡效果-transitionManager.docVIP

FLASH 中用 AS实现过渡效果--TransitionManager 2010-04-28 9:30 From:/china0359@yeah/blog/static/121719436200992931446625/ 效果演示：通过 TransitionManager 类，您可以迅速将令人印象深刻的过渡动画效果应用于影片剪辑。TransitionManager为我们提供了10种过渡效果。下面来看看怎样使用 TransitionManager类来实现过渡效果。 要实现过渡效果，为编写代码更为方便首先需要导入所有 mx.transitions 类和所有 mx.transitions.easing 类： import mx.transitions.*; import mx.transitions.easing.*; 在导入上面两个类以 后，就可以使用TransitionManager类的start()方法将过渡效果应用于影片剪辑上。 格 式：TransitionManager.start(影片剪辑名称，{ type:过渡类型，direction:方向，duration:过渡所所需的时间，easing:缓动效果，各种过渡效果所需的参数})； start() 方法参数的说明： 影片剪辑名称：就是要应用过渡效果的MC的实例名称。 过渡类型：上面已提到共有10种过渡效果，这里填上要用的过渡 效果名称。下面将分别介绍这十种效果。 direction:方向：即过渡是进入还是退出。可以用两个值：Transition.IN和 Transition.OUT duration:过渡所所需的时间：一般一个过渡几秒就够了吧，常用3-5。 easing: 缓动效果：在过渡效果中可以为过渡效果添加缓动效果，有关缓动效果后面将专门介绍，这里先介绍一个值，我们才好测试过渡效果。None.easeNone 用这个值，就是不用缓动效果。 各种过渡效果所需的参数：除了上面的的参数外，每一种过渡效果可能还有自已的参数，那么就跟在后面就行 了。 有了上面的介绍，我们已经对TransitionManager类有了一个大概的认识，下面我们来介绍这十种过渡效果，并用练习来实现它， 这样我们便能掌握TransitionManager的应用了。 遮帘过 渡：Blinds 这个是什么效果呢？文字说不清楚，自已看吧，就这个效果：? 参数 numStrips，遮帘效 果中的遮罩条纹数。建议的范围是 1 到 50。 dimension，一个整数，指示遮帘条纹是垂直的 (0) 还是水平的 (1)。 下 面我们来制作这个效果： 1． 新建flash文档，导入一张图片到舞台，打开对齐面板，宽高匹配，居中对齐。 2． 点中图片：将其转换为MC，实例名称为：img1_mc.，在第50帧插入帧。 3． 点第1帧，右键打开动作面板，输入如下代码： import mx.transitions.*; import mx.transitions.easing.*; TransitionManager.start(img1_mc,{type:Blinds, irection:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:0}); 测试影片，怎么样？看到效果了吧。 这些代码不用解释了吧。 淡化过渡：Fade 效果： ?制 作方法跟前面一样，只是把代码改为： import mx.transitions.*; import mx.transitions.easing.*; TransitionManager.start(img1_mc, {type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone}); 这个过渡跟上面的过渡比较起代码不同的是，上面的过渡自已有两个参数，而这个过渡则没有自已的参数。 现在你可能已经感觉到用代码实现 的过渡效果比自已在计设环境中去设透明度，做遮罩要简单得多。废话，要不我在这废这么多口舌干啥呢？继续往下看吧，好东西还多呢。 飞行过渡：Fly 效果： ?参 数：startPoint，一个指示起始位置的整数；范围是 1 到 9： 左上，1；上中，2；右上，3；左中，4；中心，5；右中，6；左 下，7；下中，8；右下，9。 代码：import mx.transitions.*; import mx.transitions.easing.*; TransitionManager.start(img1_mc,{type:Fly, direction:Tra