as3实现图片轮播
2016-05-17 16:21
435 查看
1.滑动形式的轮播
package { import caurina.transitions.Tweener; import flash.display.Bitmap; import flash.display.Loader; import flash.display.MovieClip; import flash.display.Sprite; import flash.events.Event; import flash.events.TimerEvent; import flash.net.URLRequest; import flash.utils.Timer; public class CarouselFigure extends Sprite { public function CarouselFigure() { var total:Number = 4; var delay:Number = 1; var itemArr:Array = new Array(); var stageWith:Number= 1440; var picId:Number = 0; var masker:MovieClip = new MovieClip(); masker.graphics.beginFill(0x0000ff); masker.graphics.drawRect(0,0,401,301); addChild(masker); var mBanner:MovieClip = new MovieClip(); addChild(mBanner); mBanner.x = masker.x; mBanner.y = masker.y; mBanner.mask = masker; for(var i:Number = 1;i<=total;i++) { var picLoad:Loader = new Loader; var mc:MovieClip =new MovieClip(); picLoad.load(new URLRequest(i+".jpg")); mc.addChild(picLoad); mBanner.addChild(mc); itemArr.push(mc); if(i>1) { mc.x=401; } itemArr.push(mc); } var timer:Timer = new Timer(1000); timer.addEventListener(TimerEvent.TIMER,startLoop); timer.start(); startLoop(); function startLoop():void{ Tweener.addTween(itemArr[picId],{x:0,transition: "easeOutExpo",time: delay} ); picId++; if(picId>8) { picId=0; for(var j:Number = 7;j>=0;j--) { itemArr[j].x=401; } if(j==-1) { Tweener.addTween(itemArr[picId],{x:0,transition: "easeOutExpo",time: delay} ); } } trace(picId); } } } }
2.改变alpha值形式
package
{
import caurina.transitions.Tweener;
import flash.display.Bitmap;
import flash.display.Loader;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.TimerEvent;
import flash.net.URLRequest;
import flash.utils.Timer;
public class CarouselFigure extends Sprite
{
public function CarouselFigure()
{
var total:Number = 4;
var delay:Number = 3;
var itemArr:Array = new Array();
var picId:Number = 0;
var masker:MovieClip = new MovieClip();
masker.graphics.beginFill(0x0000ff);
masker.graphics.drawRect(0,0,401,301);
var mBanner:MovieClip = new MovieClip();
addChild(mBanner);
mBanner.x = masker.x;
mBanner.y = masker.y;
mBanner.mask = masker;
for(var i:Number = 1;i<=total;i++)
{
var picLoad:Loader = new Loader;
var mc:MovieClip =new MovieClip();
picLoad.load(new URLRequest(i+".jpg"));
mc.addChild(picLoad);
mBanner.addChild(mc);
itemArr.push(mc);
if(i>1)
{
mc.alpha = 0;
}
}
var timer:Timer = new Timer(2500);
timer.addEventListener(TimerEvent.TIMER,startLoop);
timer.start();
startLoop();
function startLoop():void{
Tweener.addTween(itemArr[picId],{y:0,alpha:80,transition: "easeOutExpo",time: delay} );
Tweener.addTween(itemArr[picId-1],{y:0,alpha:0,transition: "easeOutExpo",time: delay} );
picId++;
if(picId>4){
picId=0;
Tweener.addTween(itemArr[picId],{x:0,alpha:0,transition: "easeOutExpo",time: delay} );
}
}
}
}
}
相关文章推荐
- <<深入Java虚拟机>>-第三章-垃圾收集器与内存分配策略-学习笔记
- 多态
- 自定义ContentProvider
- 一个具有多值属性的实体怎么映射为关系
- 用GDB调试NGINX
- android 输入框EditText禁止输入Emoji表情符
- JAVA设计模式(03):创建型-单例模式(Singleton)
- HTTPProxy服务器
- C++ Builder 学习1
- eclipse
- 服务器IMM2实战介绍
- freescale imx6最新版本bsp在天嵌imx6q开发板的移值
- 类型判断总结
- 限制输入内容必须为数字 不能为0 开头
- properties文件的读取
- 第十二周项目3-数组类运算的实现
- ContentProvider之ContentResolver
- 获取当前电脑各盘符内存。
- 一张图了解Android开源框架
- 如何查找JSP页面中的错误