ThreadLibraryそうめんでscrollbar

そうめん ThreadLibrary の練習
* ThreadLibraryを使ってscrollbarを書いてみる
*
* とりあえず動いてる...みたい
* うまい書き方がわからない
* mouse操作のみ

forked:0
favorite:0
lines:165
license : All rights reserved
modified : 2009-06-13 22:10:45

Embed: Tweet

/*
 * そうめん ThreadLibrary の練習
 * ThreadLibraryを使ってscrollbarを書いてみる
 *
 * とりあえず動いてる...みたい
 * うまい書き方がわからない
 * mouse操作のみ
 */
package 
{
	import flash.display.Sprite;
	import flash.events.Event;
	
	import org.libspark.thread.EnterFrameThreadExecutor;
	import org.libspark.thread.Thread;
	
	/**
	 * ...
	 * @author mee_nanana
	 */
	public class Main extends Sprite 
	{
		
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			
			if (!Thread.isReady) {
				Thread.initialize(new EnterFrameThreadExecutor());
			}
			new MainThread(this).start();
		}
		
	}
	
}

import flash.display.DisplayObject;
import flash.display.DisplayObjectContainer;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.display.GradientType;
import flash.geom.Matrix;
import org.libspark.thread.Thread;
import org.libspark.thread.threads.tweener.TweenerThread;

internal class MainThread extends Thread 
{
	private var _layer:DisplayObjectContainer;
	private var _wrapper:Sprite;
	
	private var _content:DisplayObject;
	private var _mask:DisplayObject;
	private var _bar:Sprite;
	private var _back:Sprite;
	
	private var t:ScrollBarThread;
	
	public function MainThread(layer:DisplayObjectContainer) 
	{
		_layer = layer;
	}
	
	protected override function run():void
	{
		var items:Items = new Items();
		this._content = items._image;
		this._mask = items._mask;
		this._content.mask = this._mask;
		this._bar = items._scrollBar;
		this._back = items._barBack;
		
		t = new ScrollBarThread(_layer, _bar, _back, _content, _mask);
		t.start();
		t.join();
		
		_wrapper = new Sprite();
		_wrapper.addChild(_back);
		_wrapper.addChild(_bar);
		_wrapper.addChild(_content);
		
		_layer.addChild(_wrapper);
	}
	
}

internal class ScrollBarThread extends Thread 
{
	private var _layer:DisplayObjectContainer;
	private var _bar:DisplayObject;
	private var _back:DisplayObject;
	private var _content:DisplayObject;
	private var _mask:DisplayObject;
	
	private var _tween:TweenerThread;
	private var yOffset:Number;
	private var yMin:Number;
	private var yMax:Number;
	private var percent:Number;
	
	public function ScrollBarThread(layer:DisplayObjectContainer, bar:DisplayObject, back:DisplayObject, content:DisplayObject, mask:DisplayObject) 
	{
		_layer = layer;
		_bar = bar;
		_back = back;
		_content = content;
		_mask = mask;
		
		yOffset = 0;
		yMin = 0;
		yMax = _back.height - _bar.height;
	}
	
	protected override function run():void
	{//trace('run');
		scrollWait();
	}
	
	//ここからstartしてscrollが終わるとまた戻ってくる予定
	private function scrollWait():void
	{//trace('scrollWait');
		event(_bar, MouseEvent.MOUSE_DOWN, barDown);
	}
	
        //scrollbarをつかむ
	private function barDown(e:MouseEvent):void
	{//trace('barDown');
		event(_layer.stage, MouseEvent.MOUSE_MOVE, barMove);
		yOffset = _layer.stage.mouseY - _bar.y;
		event(_layer.stage, MouseEvent.MOUSE_UP, barUp);
	}
	
        //scrollbarをはなす
	private function barUp(e:MouseEvent):void
	{//trace('barUp');
                //eventを削除
                //この書き方でいいのかどうか...
		_layer.stage.removeEventListener(MouseEvent.MOUSE_MOVE, barMove);
		_layer.stage.removeEventListener(MouseEvent.MOUSE_UP, barUp);
		next(scrollWait);
	}
	
        //scrollbarを動かす
	private function barMove(e:MouseEvent = null):void
	{//trace('barMove');
		_bar.y = _layer.stage.mouseY - yOffset;
		if (_bar.y <= yMin) _bar.y = yMin;
		if (_bar.y >= yMax) _bar.y = yMax;
		
		_bar.dispatchEvent(new ScrollBarEvent(_bar.y / yMax));
		//eventで書くと動かない...理由はわかりません
                //↓２行の違いがよくわかってないせい
		_bar.addEventListener(ScrollBarEvent.VALUE_CHANGED, contentScroll);
		//event(_bar, ScrollBarEvent.VALUE_CHANGED, contentScroll);
		
		event(_layer.stage, MouseEvent.MOUSE_MOVE, barMove);
		event(_layer.stage, MouseEvent.MOUSE_UP, barUp);
		//↓無いとeventに引っかからずfinalizeに行ってしまう
		next(barMove);
	}
	
        //ScrollBarEventから　対象をscroll
	private function contentScroll(e:ScrollBarEvent):void
	{//trace('contentScroll');
		_tween = new TweenerThread(_content, { y:(-e._percent * (_content.height - _mask.height)), time:1 } );
		_tween.start();
		_tween.join();
	}
	
	protected override function finalize():void
	{//trace('finalize');
		
	}
	
}

internal class ScrollBarEvent extends Event 
{
	public static const VALUE_CHANGED:String = "valueChanged";
	public var _percent:Number;
	
	public function ScrollBarEvent(percent:Number) 
	{
		super(VALUE_CHANGED);
		_percent = percent
	}
	
}

internal class Items extends Sprite 
{
	public var _image:Sprite;
	public var _mask:Sprite;
	public var _scrollBar:Sprite;
	public var _barBack:Sprite;
	
	public function Items() 
	{
		_image = new Sprite();
		var gradientBoxMatrix:Matrix = new Matrix();
		gradientBoxMatrix.createGradientBox(300, 600, 0, 0, 0);
		_image.graphics.beginGradientFill(GradientType.RADIAL, [0xFFCCCC, 0x00FF00, 0x0000FF], [1, 1, 1], [0, 128, 255], gradientBoxMatrix);
		_image.graphics.drawRect(0, 0, 300, 600);
		_image.graphics.endFill();
		//addChild(_image);
		
		_mask = new Sprite();
		_mask.graphics.beginFill(0x000000);
		_mask.graphics.drawRect(0, 0, 300, 300);
		_mask.graphics.endFill();
		//addChild(masker);
		
		_scrollBar = new Sprite();
		_scrollBar.graphics.beginFill(0xFF1122);
		_scrollBar.graphics.drawRect(310, 0, 10, 30);
		_scrollBar.graphics.endFill();
		//addChild(_scrollBar);
		
		_barBack = new Sprite;
		_barBack.graphics.beginFill(0xFF8899);
		_barBack.graphics.drawRect(310, 0, 10, 300);
		_barBack.graphics.endFill();
		//addChild(_barBack);
	}
	
}

Code Fullscreen

Preview Fullscreen