Flex 幻灯片播放
2010-11-08 16:34
323 查看
private function OnTimerTick(event:TimerEvent):void
{
try{
if(imageBuffer.length<5)
return;
if(picIndex==URLList.length)
{
picIndex=0;
}
if(this.tempInt == 0)
{
//当TempInt为0时
// 更新上层的图片
/* this.imageUp.source = this.URLList.getItemAt(picIndex); */
this.imageUp.source = imageBuffer.getItemAt(0);
imageBuffer.removeItemAt(0);
kuvaTitleWindow.title =this.fileList.getItemAt(picIndex).toString();
picIndex++;
}
else
{
//当用一个Image时,更新图片的过程中, 会出现闪烁
//两个Image,其中一个用来更新显示,另一个用来缓存上一次加载的图片
this.imageDown.source = this.imageUp.source;
}
//计算下次时间控件循环时,tempInt的值, tempInt值为 0 或 1
this.tempInt = (this.tempInt + 1) % 2;
}
catch(error:Error)
{
}
}
2.动画窗口装载:
private function pleyBtn_clickHandel():void
{
if(URLList==null)
return;
if (URLList.length==0){
Alert.show("图像列表为空,无法生成动画,请改变日期,选择数据!");
return;
}
try{
imageBuffer=new ArrayCollection();
BufferTimer.start();
//临时读取一个影像,获取其大小,用于调整填出窗体大小
var loader:Loader=new Loader();
var url:String=URLList.getItemAt(0).toString();
var urlRequest:URLRequest=new URLRequest(url);
loader.load(urlRequest);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,getSize);
//创建相应的titlewindow
kuvaTitleWindow=new TitleWindow();
imageUp=new Image();
imageDown=new Image();
kuvaTitleWindow.width=1024;
kuvaTitleWindow.height=700;
kuvaTitleWindow.layout="absolute";//使用绝对坐标保证两个图片控件前后重叠
kuvaTitleWindow.showCloseButton=true;
kuvaTitleWindow.addEventListener(CloseEvent.CLOSE,exitTitleWindow);
imageUp.maintainAspectRatio = true;
imageUp.addEventListener(HTTPStatusEvent.HTTP_STATUS,img_httpStatus);//当图片URL出错时,响应
imageDown.maintainAspectRatio = true;
imageDown.addEventListener(HTTPStatusEvent.HTTP_STATUS,img_httpStatus);//当图片URL出错时,响应
//注意装载顺序
kuvaTitleWindow.addChild(imageDown);
kuvaTitleWindow.addChild(imageUp);
kuvaTitleWindow.setStyle("removedEffect",image_removedEffect);
kuvaTitleWindow.setStyle("addedEffect",image_addEffect);
PopUpManager.addPopUp(kuvaTitleWindow, this.parent.parent.parent.parent, true);//这里处理的不好,有待改进
PopUpManager.centerPopUp(kuvaTitleWindow);
imageUp.source="../src/assets/images/weather/Loading.png";
}
catch(error:Error)
{
}
}
{
try{
if(imageBuffer.length<5)
return;
if(picIndex==URLList.length)
{
picIndex=0;
}
if(this.tempInt == 0)
{
//当TempInt为0时
// 更新上层的图片
/* this.imageUp.source = this.URLList.getItemAt(picIndex); */
this.imageUp.source = imageBuffer.getItemAt(0);
imageBuffer.removeItemAt(0);
kuvaTitleWindow.title =this.fileList.getItemAt(picIndex).toString();
picIndex++;
}
else
{
//当用一个Image时,更新图片的过程中, 会出现闪烁
//两个Image,其中一个用来更新显示,另一个用来缓存上一次加载的图片
this.imageDown.source = this.imageUp.source;
}
//计算下次时间控件循环时,tempInt的值, tempInt值为 0 或 1
this.tempInt = (this.tempInt + 1) % 2;
}
catch(error:Error)
{
}
}
2.动画窗口装载:
private function pleyBtn_clickHandel():void
{
if(URLList==null)
return;
if (URLList.length==0){
Alert.show("图像列表为空,无法生成动画,请改变日期,选择数据!");
return;
}
try{
imageBuffer=new ArrayCollection();
BufferTimer.start();
//临时读取一个影像,获取其大小,用于调整填出窗体大小
var loader:Loader=new Loader();
var url:String=URLList.getItemAt(0).toString();
var urlRequest:URLRequest=new URLRequest(url);
loader.load(urlRequest);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,getSize);
//创建相应的titlewindow
kuvaTitleWindow=new TitleWindow();
imageUp=new Image();
imageDown=new Image();
kuvaTitleWindow.width=1024;
kuvaTitleWindow.height=700;
kuvaTitleWindow.layout="absolute";//使用绝对坐标保证两个图片控件前后重叠
kuvaTitleWindow.showCloseButton=true;
kuvaTitleWindow.addEventListener(CloseEvent.CLOSE,exitTitleWindow);
imageUp.maintainAspectRatio = true;
imageUp.addEventListener(HTTPStatusEvent.HTTP_STATUS,img_httpStatus);//当图片URL出错时,响应
imageDown.maintainAspectRatio = true;
imageDown.addEventListener(HTTPStatusEvent.HTTP_STATUS,img_httpStatus);//当图片URL出错时,响应
//注意装载顺序
kuvaTitleWindow.addChild(imageDown);
kuvaTitleWindow.addChild(imageUp);
kuvaTitleWindow.setStyle("removedEffect",image_removedEffect);
kuvaTitleWindow.setStyle("addedEffect",image_addEffect);
PopUpManager.addPopUp(kuvaTitleWindow, this.parent.parent.parent.parent, true);//这里处理的不好,有待改进
PopUpManager.centerPopUp(kuvaTitleWindow);
imageUp.source="../src/assets/images/weather/Loading.png";
}
catch(error:Error)
{
}
}
相关文章推荐
- JS实现的多张图片轮流播放幻灯片效果
- JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
- Android App中使用Gallery制作幻灯片播放效果
- 基于微软ASP.NET AJAX框架开发幻灯片播放网页
- js实现幻灯片播放图片
- Android-幻灯片播放
- 幻灯片播放效果--Jquery
- Flex 播放器停止播放并清除屏幕(1)
- flex添加 播放 gif图片
- 幻灯片自动播放的实现
- android 仿系统图片播放器中的幻灯片播放
- 给自己的win7桌面背景设置幻灯片播放不切换的解决方法
- 简单高效的JS 幻灯片图片播放特效
- jquery幻灯片,带左右按钮,渐隐渐显,自动播放组件
- 【FLEX】实现音频播放的波浪效果【转】
- Flex 播放器停止播放并清除屏幕(2)
- 简单高效的JS 幻灯片图片播放特效
- KeyJnote:播放幻灯片
- Flex之HTML5视频播放解决方案
- 简单常用的幻灯片播放实现代码