清风的blog 优然探索

缓动、渐隐渐显 TransitionManager

1、动态方法(可应用于类文件生成的实例)

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

var test:Test=new Test();
addChild(test);


btn.addEventListener(MouseEvent.CLICK,showit);

function showit(evt:MouseEvent) {
 var myTransitionManager:TransitionManager = new TransitionManager(test);
 myTransitionManager.startTransition({type:Fade, direction:Transition.IN, duration:3, easing:Strong.easeOut});
}

 

 

2、静态方法

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

stage.frameRate = 30;

var box:MovieClip = new MovieClip();
box.graphics.beginFill(Math.random() * 0xFFFFFF);
box.graphics.drawRect(0, 0, 100, 150);
box.graphics.endFill();
box.x = 50;
box.y = 10;
box.buttonMode=true;
addChild(box);


//var startValue:Number = box.x;
//var finishValue:Number = 400;
//var duration:Number = 3;
//var myTween:Tween = new Tween(box, "x", Back.easeOut, startValue, finishValue, duration, true);
//myTween.looping = false;


letshow_.addEventListener(MouseEvent.CLICK,letshow);
lethide_.addEventListener(MouseEvent.CLICK,lethide);

function letshow(evt:MouseEvent){
 TransitionManager.start(box, {type:Fade, direction:Transition.IN, duration:3, easing:Strong.easeOut});//Fade 类淡入或淡出影片剪辑对象。
 //TransitionManager.start(box, {type:Fly, direction:Transition.IN, duration:3, easing:Elastic.easeOut, startPoint:1});//Fly 类从某一指定方向滑入影片剪辑对象。
 //TransitionManager.start(box, {type:Blinds, direction:Transition.IN, duration:2, easing:None.easeNone, numStrips:7, dimension:0});//Blinds 类使用逐渐消失或逐渐出现的矩形来显示影片剪辑对象。
 //TransitionManager.start(box, {type:Iris, direction:Transition.IN, duration:2, easing:Strong.easeOut, startPoint:5, shape:Iris.CIRCLE}); //Iris 类使用可以缩放的方形或圆形动画遮罩来显示影片剪辑对象。
 //TransitionManager.start(box, {type:Photo, direction:Transition.IN, duration:0.5, easing:None.easeNone});//使影片剪辑对象像放映照片一样出现或消失。
 //TransitionManager.start(box, {type:PixelDissolve, direction:Transition.IN, duration:2, easing:Regular.easeIn, xSections:10, ySections:10}); //PixelDissolve 类使用随机出现或消失的棋盘图案矩形来显示影片剪辑对象。
 //TransitionManager.start(box, {type:Rotate, direction:Transition.IN, duration:3, easing:Strong.easeInOut, ccw:false, degrees:720});//Rotate 类旋转影片剪辑对象。
 //TransitionManager.start(box, {type:Squeeze, direction:Transition.IN, duration:3, easing:Elastic.easeOut, dimension:1});//Squeeze 类水平或垂直缩放影片剪辑对象。
}

function lethide(evt:MouseEvent){
 TransitionManager.start(box, {type:Fade, direction:Transition.OUT, duration:3, easing:Strong.easeOut});
}
 

2010年2月19日 | 发布:admin | 分类:Flex | 评论:0

发表留言: