使用flash MovieclipLoader & ProgressBar打造下载图片

今日试要做一个图片下载的框框。现分享心得如下,请高手多多指教!
要求:
1. 可以得知图片的长,宽
2. 可得知图片的下载进度
方法一:
我先使用loader搭配ProgressBar进行的实验,结果:不能很好的得知图片的长,宽。但他可以很好的让loader和ProgressBar进行下载的进度跟踪动作。
方法二:
记得flash8上有人问到过这类问题,是使用MovieClip进行下载的。我使用第二个方法。(多部分代码来自flash自带的帮助文件)
步骤如下:
step 1:打开组件,在场景中加入ProgressBar(进度条),且在属性栏中命名为loadvars_pb。
step 2:在时间线上写入:以下代码即可!这里的重点是,用MovieClip得到长,宽属性,用ProgressBar得知下载进度。(代码很多部分来自flash8的帮助,这是我的学习途径之一。)
import mx.controls.ProgressBar; //导入类
var container:MovieClip = this.createEmptyMovieClip("container", this.getNextHighestDepth()); //创建一个空MC
var mcLoader:MovieClipLoader = new MovieClipLoader();  // 创建MovieClipLoader();
var loadvars_pb:mx.controls.ProgressBar;  // 创建进度条
// 设定进度条模式,共有三种,进度栏加载内容的模式。
// 此值可以是 "event"(事件模式)、"polled"(轮询模式)或 "manual"(手动模式)。
loadvars_pb.mode = "manual";   // 注意:这里的选择是manual模式哦。
var listener:Object = new Object(); //侦听对象
listener.onLoadComplete = function(target_mc:MovieClip):Void {
       loadvars_pb.visible = false; // 下载完了,隐藏进度条
}
listener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
       loadvars_pb.setProgress(bytesLoaded, bytesTotal); //用已经下载字节数和总节数填充进度条。
}
listener.onLoadInit = function(target:MovieClip):Void {
                // 这里用了两个Label作为显示图片属性
               width_lbl.text = "图片宽:" + target._width;
               height_lbl.text =  "图片高:" + target._height;
}
mcLoader.addListener(listener);
mcLoader.loadClip("/UploadTeach/200704/2007040912649468.png", container);总结:
1,多查帮助
2,多实验找到自己想要的效果
3,多使用现有组件可以加快制作的进度。
/***
*  Email: korpton@163.com
*  出自Blog: http://www.oiasoft.com/blog/?detail/200611270
*/
[img]/uploads/allimg/080403/0917260.gif[/img]
[url=http://space.flash8.net/bbs/member.php?action=credits&view=getattach]附件[/url]
:
[url=http://space.flash8.net/bbs/attachment.php?aid=313314]pb_mcl.rar[/url]

本文转自:http://www.5uflash.com/flashjiaocheng/Flash-loadingjiaocheng/2063.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值