とてもシンプルなスクロールバー紹介(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;
}

これで完成。

カテゴリー: 


Posted by scratchbrain at May 17, 2008 2:51 AM ブックマークに追加する

Trackback

Trackback URL for this entry:

Post a Comment


検索

このブログを検索

サイトコンセプト

レディオヘッド、Flash・ActionScript 3.0、Processing、アートに関すること。日記・雑感、読書感想など。
[SCRATCHBRAIN プロフィール]
[プロジェクト]
[Artwork 2002-2005]
[Twitter]

リンク

  • scratchbrain.netホーム
  • scratchbrainプロフィール
  • 洋楽ブックマーク
  • こんなライヴに行きました
  • レシピ紹介
  • バルセロナ観光ガイド

広告

おすすめ

最近のエントリー

カテゴリー

タグクラウド

全てのエントリー一覧

RSSフィード

月別アーカイブ

powered by Movable Type

hosted by