Flash/Flex学习笔记(52):使用TweenLite

TweenLite是第三方出品的专用于各种缓动动画的类库,其性能据说已经超过了Adobe官方的Tween.

从网上找到了一篇中文的说明文档:http://files.cnblogs.com/yjmyzz/tweenLite%e4%b8%ad%e6%96%87%e6%89%8b%e5%86%8c%e4%b8%8e%e5%8f%82%e6%95%b0%e8%af%b4%e6%98%8e.pdf

这是官方的测试示例:

AS3类库下载: http://files.cnblogs.com/yjmyzz/greensock-tweening-platform-v10-as3.zip

用Silverlight的朋友们也不要流口水:因为Silverlight也有相应的tween类库了,详见 http://www.cnblogs.com/nasa/archive/2008/09/11/1288782.html (只不过功能相对Flash而言还有点弱)

下面是一个基本的使用示例:

import flash.events.MouseEvent;
import gs.*;
import gs.easing.*;

btnStart.addEventListener(MouseEvent.MOUSE_DOWN,btnStartMouseDownHandler);
btnStop.addEventListener(MouseEvent.MOUSE_DOWN,btnStopMouseDownHandler);

function btnStartMouseDownHandler(e:MouseEvent):void {
	tweenStart(0);
}

function btnStopMouseDownHandler(e:MouseEvent):void {
	TweenLite.killTweensOf(mc);
}

function tweenStart(d:uint=1):void {
	TweenLite.to(mc, 0.75, {autoAlpha:0.1, scaleX:0.02,scaleY:0.02, ease:Bounce.easeInOut, delay:d, onComplete:tweenEnd});
}

function tweenEnd():void {
	TweenLite.to(mc, 0.75, {autoAlpha:1,scaleX:1,scaleY:1,ease:Back.easeInOut, delay:1, onComplete:tweenStart});
}

下面这种图片轮换广告,以前曾经用Silverlight实现过(见:Silverlight之ListBox/Style学习笔记--ListBox版的图片轮换广告),今天用TweenLite也来弄一个:

import flash.text.TextFieldAutoSize;
import flash.display.Bitmap;
import flash.display.Sprite;
import flash.ui.Mouse;
import flash.ui.MouseCursor;
import gs.*;
import gs.easing.*;
import flash.events.MouseEvent;

var imgNums:uint;
var arrImg:Array;
var arrBitMap:Array;
var arrTxtMC:Array;
var _loader:Loader;//装载
var _rate:TextField;//进度显示
var _index:uint = 0;
var _container:Sprite;
var _isLeft:Boolean;


//初始化
function init() {
	imgNums = 4;
	arrBitMap = new Array(imgNums);
	arrTxtMC = new Array(arrTxtMC);
	arrImg = ["http://images.24city.com/jimmy/ListBoxSlideShow/img/001.jpg",
	  "http://images.24city.com/jimmy/ListBoxSlideShow/img/002.jpg",
	  "http://images.24city.com/jimmy/ListBoxSlideShow/img/003.jpg",
	  "http://images.24city.com/jimmy/ListBoxSlideShow/img/004.jpg"];
	_loader = new Loader();
	_rate = new TextField();
	_container = new Sprite();
	_isLeft = true;

	_rate.text = '';
	_rate.autoSize = TextFieldAutoSize.CENTER;
	_rate.textColor = 0x000000;
	_rate.x = (stage.stageWidth - _rate.width)/2;
	_rate.y = loadMC.y + 15;
	this.addChild(_rate);
	sendRequest(arrImg[_index]);

	Mouse.cursor = MouseCursor.BUTTON;

}

//发送请求
function sendRequest(p_url:String) {
	var m_request = new URLRequest(p_url);
	_loader.load(m_request);
	_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
	_loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);
}


//事件,下载中;
function onProgress(e:Event) {
	var m_info:LoaderInfo = e.target as LoaderInfo;
	var m_percent:uint = (m_info.bytesLoaded/m_info.bytesTotal)*100;
	_rate.text = m_percent.toString() + " %," + (_index+1) + " / " + imgNums;
}

//事件,下载完毕;
function onComplete(e:Event) {
	var _imageData:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight,true,0xFFFFFFFF);
	_imageData.draw(_loader, new Matrix(stage.stageWidth/_loader.width, 0, 0, stage.stageHeight/_loader.height, 0, 0));
	var m_image:Bitmap = new Bitmap(_imageData);
	arrBitMap[_index] = m_image;
	var txtMc:TextMC = new TextMC();
	txtMc.txt.text = (_index+1).toString();
	arrTxtMC[_index] = txtMc;
	_index++;
	if (_index > imgNums - 1) {
		this.removeChild(_rate);
		this.removeChild(loadMC);
		//trace("全部加载完成!");
		loadContainer();
	}
	else {
		sendRequest(arrImg[_index]);
	}
}

//加载最外层容器
function loadContainer():void {
	for (var i:int=0; i<imgNums; i++) {
		var img:Bitmap = arrBitMap[i];
		_container.addChild(img);
		img.y = 0;
		img.x = img.width * i;


	}
	addChild(_container);

	for (i=imgNums-1; i>=0; i--) {
		var txt:TextMC = arrTxtMC[i];
		txt.y = stage.stageHeight - txt.height + 5;
		txt.x = stage.stageWidth + 10 - (txt.width+5)*(imgNums-i);
		addChild(txt);
		txt.addEventListener(MouseEvent.MOUSE_DOWN,MouseDownHandler);
	}
	_index = 0;
	tweenStart();//启动动画
	setCurrentTxt();

	_container.addEventListener(MouseEvent.MOUSE_OUT,MouseOutHandler);
	_container.addEventListener(MouseEvent.ROLL_OVER,RollOverHandler);

}

function tweenStart(d:uint=1):void {
	TweenLite.to(_container,0.2,{x:-stage.stageWidth*_index,delay:d,onComplete:tweenEnd});
	setCurrentTxt();
}

function tweenEnd():void {
	if (_isLeft) {
		_index++;
	}
	else {
		_index--;
	}
	TweenLite.to(_container,0.2,{x:-stage.stageWidth*_index,delay:1,onComplete:tweenStart});

	if (_index >= 3) {
		_isLeft = false;
	}
	else if (_index<=0) {
		_isLeft = true;
	}
}

//设置当前高亮文本按钮索引
function setCurrentTxt():void {
	//trace(_index);
	for (var i:uint=0; i<imgNums; i++) {
		if (i == _index) {
			arrTxtMC[i].gotoAndStop(2);
		}
		else {
			arrTxtMC[i].gotoAndStop(1);
		}
	}
}

function MouseDownHandler(e:MouseEvent):void {	
	var _temp:int = parseInt((e.currentTarget as TextMC).txt.text,10)-1;	
	if (_temp==0){
		_isLeft = true;
	}
	if (_temp==imgNums-1){
		_isLeft = false;
	}
	_index = _temp;
	tweenStart(0);
}

function MouseOutHandler(e:MouseEvent):void {
	tweenStart();
}

//停止动画;
function RollOverHandler(e:MouseEvent):void {
	TweenLite.killTweensOf(_container);	
}



init();

 源文件下载:http://cid-2959920b8267aaca.skydrive.live.com/self.aspx/Flash/TweenLiteDemo.rar

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏岑志军的专栏

ReactNative-ListView

21030
来自专栏LeoXu的博客

让 Android 的 WebView 支持 type 为 file 的 input,同时支持拍照

Android 的 WebView 组件默认是不启用 type 为 file 的 input 的,需要在代码中做一些类似 hack 的编码(因为解决问题的目标对...

13320
来自专栏Java成神之路

Java微信公众平台开发_04_自定义菜单

自定义菜单中请求包的数据是Json字符串格式的,请参见:  Java_数据交换_fastJSON_01_用法入门

16630
来自专栏Android干货园

一款基于Material Desgin设计的APP

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/50...

22410
来自专栏hrscy

使用 Unity 来实现 iOS 原生弹框

如果你有这些疑虑,那么现在你来对地方了。在这篇博客中,我将使用 Unity 创建 iOS 原生弹框。

37730
来自专栏叁金大数据

WPF播放器

最近由于工作需要,需要做一个播放软件,在网上参考了很多例子,园子里有很多代码。其中最多的就是wpf自带的MediaElement控件,或者VLC视频播放器。

40420
来自专栏菩提树下的杨过

as3.0中如何阻止事件冒泡?

as3.0中的事件冒泡机制有时候会很烦人,比如一个Sprite(方便下文描述就命名为Container吧)把另一外Sprite(称为Child吧)做为子元素套进...

24560
来自专栏向治洪

android 自定义相机

老规矩,先上一下项目地址:GitHub:https://github.com/xiangzhihong/CameraDemo 方式: 调用Camera AP...

1.1K60
来自专栏

Flex 上传文件,服务端.net

using System; using System.Data; using System.Configuration; using System.Collec...

8010
来自专栏進无尽的文章

编码篇-iOS开发中的奇巧小伎

最近搜集了自己以前的笔记中的一些小知识点,归为这篇文章,都是亲测有效的奇巧小伎,当你使用到时,你会大呼过瘾的。

14110

扫码关注云+社区

领取腾讯云代金券