リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ スクロールバーの作成方法

ActionScript

スクロールバーの作成方法

スクロールボタンをドラッグでスライドさせるシンプルなスクロールバー。

【サンプル】

JavaScriptを有効にし、最新のFlashPlayerをインストールお願いしますGet Adobe Flash player

サンプル(.fla)ファイルをダウンロード


【ActionScript3.0 サンプルソースコード】

stop();
//---------------------------------------------------------------------------スクロールバー
var sH:Number= 20;               //スクロールボタン高さ
var bH:Number= 300;              //スクロールバー高さ
var vH:Number= 300;              //表示エリア高さ
var cH:Number= 2000;             //コンテンツ高さ
var slid_Y:Number;               //スクロールボタンローカルY座標
var sMax:Number = bar.y+bH-sH;   //スクロールボタンY座標max

//sec1 マウスがスクロールボタンを押したらマウスダウン座標確認、ドラッグでsec2開始
slid.addEventListener(MouseEvent.MOUSE_DOWN,sec1);

function sec1(event:MouseEvent):void {
	slid_Y = event.localY;
	addEventListener(MouseEvent.MOUSE_MOVE,sec2);
}

//sec2 スクロールボタンとコンテンツの移動
function sec2(event):void {
	slid.y = mouseY-slid_Y; 
	if (slid.y < bar.y){                     
		slid.y=bar.y;
	}
	if (slid.y > sMax){         
		slid.y=sMax;
	}
	cont.y = varea.y-(cH-vH)*(slid.y-bar.y)/(bH-sH)
	event.updateAfterEvent();     //低FPSマウス移動スムーズ対応
}

//sec3 sec2停止関数
slid.addEventListener(MouseEvent.MOUSE_UP,sec3);
slid.addEventListener(MouseEvent.MOUSE_OUT,sec3);

function sec3(event):void {
	removeEventListener(MouseEvent.MOUSE_MOVE,sec2);
}
last update 2009.2.18
参考・出典等
BONKURA BLOG - AS3版スクロールバー
gotoandlearn.com - Object-Oriented Scrollbar: Part 1
trick7 - ゆっくり止まるスクロールバー

▲page top

topmemoblogtestaboutmail
Copylight(C)2008 Riptac. All Rights Reserved.