actionscript2 scrollbar 實作分享

scrollbar source下載 首先您要先了解 事件廣播機制 以及 mx.utils.Delegate class委派類的應用 。

- asdemo.ui.Bar /** * @author humanhighway * @version tutorial * @http://shewasdead.blogspot.com/ */ import mx.events.EventDispatcher; import asdemo.events.BarEvent; class asdemo.ui.Bar extends MovieClip { public var totalLength:Number=0; /*read-only*/ public var percent:Number=0; /*read-only*/ private var range:Number=100; /*default*/ private var node:MovieClip; private var eventObj:Object; function Bar() { super(); init(); } // private function init():Void { eventObj = new Object(); EventDispatcher.initialize(eventObj); onPress=nodePress; onRelease=onReleaseOutside=nodeRelease; } // public function getNode():MovieClip { return node; } // public function setRange(r:Number):Void { range=r; updateTotalLength(); } // public function reset():Void { node._y=0; } // public function updateTotalLength() : Void { totalLength=range-node._height; } // private function nodePress():Void { updateTotalLength(); node.startDrag(false,0,0,0,totalLength); onEnterFrame=barMoving; } // private function nodeRelease():Void { node.stopDrag(); delete onEnterFrame; } // private function barMoving():Void { var p:Number=(node._y)/(totalLength); p=Math.round(p*100)/100; dispatchEvent(new BarEvent(BarEvent.BAR_MOVING,this,p)); } // public function addEventListener (type : String, target : Object) : Void { eventObj.addEventListener(type,target); } // public function removeEventListener (type : String, target : Object) : Void { eventObj.removeEventListener(type,target); } // public function dispatchEvent (e:Object):Void { eventObj.dispatchEvent(e); } } - bar.fla bar.addEventListener ( BarEvent.BAR_MOVING, Delegate.create( this, barScroll) ); function barScroll(e:BarEvent):Void { tf.scroll=(tf.maxscroll)*e.percent; } 重點在於當bar node被按下時，會不斷的廣播BarEvent.BAR_MOVING事件，並送出node座標與range相減的差值百分比。 所以只要註冊了BAR_MOVING事件，接著再用收到的比率值來控管你所要移動的物件範圍就可以了。 同樣的原理也可以做出水平的bar拖曳，甚至是as3版本。 另外如果您跟我一樣是 MTASC 的愛好者，mx.utils.Delegate class沒有辦法通過MTASC編譯。所以請記得改用 其他版本 。 MTASC範例在asdemo.examples.BarExample