とてもシンプルなスクロールバー紹介(Flash CS3 & AS3)
May 17, 2008
テキストフィールドに対して簡易的なスクロールバーをつけるためのクラスがSimpleScrollBar class AS3(webdevils.com)で公開されています。
ちょっとFlashで簡単なスクロールバー欲しいんだよ、ってとき用で、マウスホイール対応もバーの背景部分クリックでのスクロールもなし。
サンプルファイル
(この他にSimpleScrollBar class AS3(webdevils.com)からScrollBarEvent.asとSimpleScrollBar.asを取得する必要あり)
使用手順
1.SimpleScrollBar class AS3(webdevils.com)からクラスファイルダウンロードし、適当なフォルダに移動

2.Flash CS3を起動し、ステージにダイナミックテキストを作成

3.スクロールバー用のムービークリップ作成


リンケージプロパティで基本クラスをSimpleScrollBarクラスにする。

4.3で作成したムービークリップの中にスクロールバー用のムービークリップ(ピンクの矩形部分)とバー背景用のムービークリップ(薄いグレーの矩形部分)を作成
スクロールバー用ムービークリップのプロパティ

バー背景用ムービークリップのプロパティ

5.メインのタイムラインの1フレーム目に次のスクリプトを記述
scroll_txt.text = "スクロール用のテキスト";
scroll_mc.addEventListener( ScrollBarEvent.UPDATE, on_update );
function on_update( e:ScrollBarEvent ):void {
var n:Number = e.scroll_value;
scroll_txt.scrollV = Math.round( ( scroll_txt.maxScrollV - 1 ) * n ) + 1;
}
これで完成。
Trackback
Trackback URL for this entry:



















