学步园

   Canvas应该是大家在开发flex接触比较多控件吧，但是它的功能比较单一，很多人都要给予2次开发，我也是一样，为了做好延时的flex控件异步加载。一个巨大的flex整体切割成为很多很小很小的swf，就要做了一个延时加载。每个Canvas都有。

代码如下：

<?xml version="1.0" encoding="utf-8"?><br /> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"<br /> initialize="loadInit()"<br /> backgroundColor="0xffffff"><br /> <mx:Script><br /> <!--[CDATA[<br /> import mx.controls.Image;<br /> import mx.controls.Alert;</p> <p> import flash.utils.setTimeout;</p> <p> import org.bytearray.gif.player.GIFPlayer;</p> <p> //自动刷新<br /> public var autoRefreshPolicy="off";<br /> public var autoRefreshTime:String="60000";<br /> public var autoRefreshMethod:Function;</p> <p> private var loading:Image;<br /> private var myGIFPlayer:GIFPlayer=new GIFPlayer(true);</p> <p> public var gifUrl:String="resource/image/config/canvasLoading.gif";</p> <p> //移动性<br /> private var oldIndex:int=0;<br /> public var moveable:Boolean=false;</p> <p> public function loadInit():void<br /> {<br /> loading=new Image;<br /> loading.width=50;<br /> loading.height=50;<br /> loading.x=0;<br /> loading.y=0;</p> <p> var request:URLRequest=new URLRequest(gifUrl);<br /> myGIFPlayer.load(request);<br /> myGIFPlayer.visible=true;</p> <p> loading.addChild(myGIFPlayer);<br /> this.addChild(loading);<br /> this.enabled=false;</p> <p> if (autoRefreshPolicy == "on")<br /> {<br /> setTimeout(autoRefresh, 800);<br /> }</p> <p> this.addEventListener(flash.events.MouseEvent.MOUSE_DOWN, dragBegin);<br /> this.addEventListener(flash.events.MouseEvent.MOUSE_UP, dragEnd);<br /> }</p> <p> public function autoRefresh():void<br /> {<br /> var time:Number=Number(autoRefreshTime) * 1000;<br /> var timer:Timer=new Timer(time);<br /> timer.addEventListener(TimerEvent.TIMER, onTimer);<br /> timer.start();<br /> }</p> <p> public function onTimer(event:TimerEvent):void<br /> {<br /> if (autoRefreshMethod != null)<br /> {<br /> autoRefreshMethod.call(this);<br /> }<br /> else<br /> {<br /> Alert.show("自动刷新函数为空");<br /> }<br /> }</p> <p> public function startLoading():void<br /> {<br /> loading.visible=true;<br /> this.enabled=false;<br /> }</p> <p> public function completeLoading():void<br /> {<br /> loading.visible=false;<br /> this.enabled=true;<br /> }</p> <p> private function dragBegin(event:MouseEvent):void<br /> {<br /> if (moveable == true)<br /> {<br /> oldIndex=this.parent.getChildIndex(this);<br /> this.parent.setChildIndex(this, this.parent.numChildren - 1);<br /> this.startDrag(false);<br /> }<br /> }</p> <p> private function dragEnd(event:MouseEvent):void<br /> {<br /> if (moveable == true)<br /> {<br /> this.parent.setChildIndex(this, oldIndex);<br /> this.stopDrag();<br /> }<br /> }</p> <p> //延迟执行<br /> protected function delayFunction(closure:Function, delay:Number, ... arguments):void<br /> {<br /> setTimeout(closure, delay, arguments);<br /> }<br /> ]]--><br /> </mx:Script><br /> </mx:Canvas><br />

截图：