Flex 自定义加载进度条

Flex 自定义加载进度条
转:http://a168.blogbus.com/logs/28718649.html

使用方法：
设置Application标签的preloader为 MyComponent.MyDownloadProgressBar
<mx:Application preloader="MyComponent.MyDownloadProgressBar" >

下面是MyDownloadProgressBar.as的代码：

package MyComponent
{
import flash.display.*;
import flash.events.*;
import flash.filters.BitmapFilterQuality;
import flash.filters.BlurFilter;
import flash.geom.Matrix;
import flash.net.*;
import flash.text.TextField;
import flash.utils.*;
import flash.system.Capabilities;

import mx.events.*;
import mx.preloaders.*;
   
    public class MyDownloadProgressBar extends Sprite implements IPreloaderDisplay
    {       
        [Embed(source="logo.png", mimeType="application/octet-stream")]
  public var _loadingLogo:Class;
 
        private var dpbImageControl:Loader;
        private var _barSprite:Sprite;
        private var progressText:TextField;       
        private var ProgressBarSpritIsAdded:Boolean = false;
   
        public function MyDownloadProgressBar() {  
            super();                           
        }
       
        // Specify the event listeners.
        public function set preloader(preloader:Sprite):void {
            //Listen for 正在下载
            preloader.addEventListener(ProgressEvent.PROGRESS, handleProgress);
            //Listen for 下载完成
            preloader.addEventListener(Event.COMPLETE, handleComplete);
      //Listen for 正在初始化
            preloader.addEventListener(FlexEvent.INIT_PROGRESS, handleInitProgress);
            //Listen for 初始化完成
            preloader.addEventListener(FlexEvent.INIT_COMPLETE, handleInitComplete);
        }
       
        // Initialize the Loader control in the override
        // of IPreloaderDisplay.initialize().
        public function initialize():void {
         //添加logo图
            dpbImageControl = new Loader();      
            dpbImageControl.contentLoaderInfo.addEventListener(Event.COMPLETE, loader_completeHandler);
            dpbImageControl.loadBytes(new _loadingLogo() as ByteArray);
            //dpbImageControl.load(new URLRequest("loadinglogo.swf"));
        }


        // After the SWF file loads, set the size of the Loader control.
        private function loader_completeHandler(event:Event):void
        {        
         addChild(dpbImageControl);
         dpbImageControl.width = 230;
            dpbImageControl.height= 80;
            dpbImageControl.x = this.stage.stageWidth/2 - dpbImageControl.width/2;
            dpbImageControl.y = this.stage.stageHeight/2 - dpbImageControl.height/2 - 80;
        }  
       
        //
        private function addProgressBarSprit():void{
         //绘制背景渐变
   var matrix:Matrix=new Matrix();
         matrix.createGradientBox(this.stage.stageWidth,this.stage.stageHeight,Math.PI/2);
         var colors:Array=[0x058BBD,0xFFFFFF];
         var alphas:Array=[1,1];
         var ratios:Array=[0,255];
         this.graphics.lineStyle();
         this.graphics.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix);       
         this.graphics.drawRect(0,0,this.stage.stageWidth,this.stage.stageHeight);
         this.graphics.endFill();
        
         //绘制中心白色发光
            var _Sprite1:Sprite = new Sprite();
   addChild(_Sprite1);
   _Sprite1.graphics.beginFill(0xffffff,0.45);
            _Sprite1.graphics.drawEllipse(this.stage.stageWidth/2-130, this.stage.stageHeight/2-90, 280, 100);
            _Sprite1.graphics.endFill();
            //滤镜实现发光边缘柔和           
            var blur:BlurFilter = new BlurFilter();
   blur.blurX = 100;
   blur.blurY = 50;
   blur.quality = BitmapFilterQuality.HIGH;
   _Sprite1.filters = [blur];
  
   //-------------------------------------------------
  
   //绘制进度条背景
   var _Sprite2:Sprite = new Sprite();
   addChild(_Sprite2);
   _Sprite2.graphics.lineStyle(1, 0xCCCCCC);
   _Sprite2.graphics.beginFill(0xFFFFFF);
   _Sprite2.graphics.drawRect((this.stage.stageWidth/2 - 152), (this.stage.stageHeight/2 - 10), 304, 20);  
   _Sprite2.graphics.endFill();
  
   //-------------------------------------------------
  
   //加载进度条Sprite
   _barSprite = new Sprite();
   addChild(_barSprite);
   _barSprite.x = this.stage.stageWidth/2 - 150;
   _barSprite.y = this.stage.stageHeight/2 - 8;
  
   //-------------------------------------------------
  
   //加载进度条文字
   progressText = new TextField();
   addChild(progressText);
   progressText.textColor = 0x333333;
            progressText.width = 300;
            progressText.height = 18;
            progressText.x = this.stage.stageWidth/2 - 152;
            progressText.y = this.stage.stageHeight/2 + 20;
        }
       
        //刷新进度条
        private function drawProgressBar(bytesLoaded:Number, bytesTotal:Number):void
  {  
   if (_barSprite != null && progressText != null){
    var g:Graphics = _barSprite.graphics;
    g.clear();
//    g.beginFill(0xCCCCCC);
//    g.drawRect(0, 0, 300*(bytesLoaded/bytesTotal),16);  
//    g.endFill();   
   
    var matrix:Matrix=new Matrix();
          matrix.createGradientBox(300*(bytesLoaded/bytesTotal),16,Math.PI/2);
          var colors:Array=[0x0099CC,0x99cc77];
          var alphas:Array=[1,1];
          var ratios:Array=[0,255];
          g.lineStyle();
          g.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix);       
          g.drawRect(0,0,300*(bytesLoaded/bytesTotal),16);
          g.endFill(); 
   
   
   }
  }
       
        //正在下载的进度
        private function handleProgress(event:ProgressEvent):void {
         //第一次处理时绘制进度条Sprit
         if (ProgressBarSpritIsAdded == false){
          ProgressBarSpritIsAdded = true;
          addProgressBarSprit();
         }
        
         if (progressText != null){
          progressText.text = "下载进度：已下载 " + event.bytesLoaded + " byte，总大小 " + event.bytesTotal + " byte.";
         }        
         drawProgressBar(event.bytesLoaded, event.bytesTotal);
        }
       
        private function handleComplete(event:Event):void {
         if (progressText != null){
          progressText.text = "下载完成.";
         }
         drawProgressBar(1,1);       
        }
       
        private function handleInitProgress(event:Event):void {
         if (progressText != null){
          progressText.text = "正在初始化...";
         }
         drawProgressBar(1,1);
        }
       
        private function handleInitComplete(event:Event):void {
         if (progressText != null){
          progressText.text = "初始化完成.";
         }
         drawProgressBar(1,1);        
        
         //0.03秒后抛出完成事件
            var timer:Timer = new Timer(300,1);
            timer.addEventListener(TimerEvent.TIMER, dispatchComplete);
            timer.start();     
        }
   
        private function dispatchComplete(event:TimerEvent):void {
            dispatchEvent(new Event(Event.COMPLETE));
        }
       

        // Implement IPreloaderDisplay interface
   
        public function get backgroundColor():uint {
            return 0;
        }
       
        public function set backgroundColor(value:uint):void {
        }
       
        public function get backgroundAlpha():Number {
            return 0;
        }
       
        public function set backgroundAlpha(value:Number):void {
        }
       
        public function get backgroundImage():Object {
            return undefined;
        }
       
        public function set backgroundImage(value:Object):void {
        }
       
        public function get backgroundSize():String {
            return "";
        }
       
        public function set backgroundSize(value:String):void {
        }
   
        public function get stageWidth():Number {
            return 500;
        }
       
        public function set stageWidth(value:Number):void {
        }
       
        public function get stageHeight():Number {
            return 375;
        }
       
        public function set stageHeight(value:Number):void {
        }
    }

}

评论

2 楼 Ben.Sin 2012-06-30  

good job

1 楼 zzz_robinson 2012-03-22  

谢啦。很不错，拿过来用用了