Flex 自定义加载进度条

Flex 自定义加载进度条

使用方法： 
设置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 { 
} 
} 

}