ProgressBar 进度条组件封装

最新推荐文章于 2022-09-21 00:41:21 发布

jamesjun

最新推荐文章于 2022-09-21 00:41:21 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flex 文章标签： function timer delay encoding string

本文链接：https://blog.youkuaiyun.com/jamesjun/article/details/2544259

Flex 专栏收录该内容

65 篇文章

订阅专栏

该博客介绍了如何使用ActionScript封装一个ProgressBar组件，包括设置定时器、调整间隔时间、重复次数和进度增长值。通过监听TimerEvent.TIMER事件更新进度，并提供了显示进度信息的选项。同时，提供了开始和停止定时器的方法，以及在进度事件发生时的处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?> <mx:ProgressBar xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="10" minimum="0" maximum="100" mode="manual" trackHeight="10" verticalGap="0" creationComplete="initComp();"> <mx:Script> <![CDATA[ private var myTimer:Timer;// 定时器 public var delay:Number = 50;// 间隔时间 public var repetCount:Number = 0;// 重复次数 public var increaseNum:Number = 1;// 进度增长值 private var proc:uint = 0;// 进度基数 public var labelTip:String = "正在处理...请等待...";//显示内容需要时在外部赋值 private const PERCENT:Number = 100;// 进度百分比 public var isDispalyLabel:Boolean = true;// 是否显示进度信息 /***************************************************************** * 注意：当调整进度条显示的宽度时，得根据显示的宽度，适当考虑 * * 进度增长值和间隔时间；这样才能更感觉时平滑过度 * * 若需改为ProgressEvent.PROGRESS 监听,需先关闭定时器触发 closeTimer()* * 改为onProgress()函数响应 * *****************************************************************/ private function initComp():void { this.label = ""; initTimer(); startTimer(); } /** * 初始化Timer */ public function initTimer():void { myTimer = new Timer( delay, repetCount ); myTimer.addEventListener( TimerEvent.TIMER, onTimer ); } /** * 响应Timer事件计算进度 */ private function onTimer( event:TimerEvent ):void { proc += increaseNum; this.setProgress( proc %= PERCENT, PERCENT ); if( isDispalyLabel ) { this.label = labelTip; } else { this.label = ""; } } /** * 关闭定时器Timer */ public function startTimer():void { proc = 0; myTimer.start(); } /** * 关闭定时器Timer */ public function closeTimer():void { myTimer.stop(); } /** * 响应进度事件处理 */ public function onProgress(e: ProgressEvent): void{ /* lbProgress.text = " 已上传 " + e.bytesLoaded + " 字节，共 " + e.bytesTotal + " 字节"; */ var proc: uint = e.bytesLoaded / e.bytesTotal * 100; this.setProgress(proc, 100); this.visible = true; if( isDispalyLabel ) { this.label= "当前进度: " + " " + proc + "%"; } else { this.label = ""; } } ]]> </mx:Script> </mx:ProgressBar>