スクロールバーコンポーネント 習作
必要になりそうなので、AS3 による定番のイーズ処理で滑らかに動作するスクロールバーコンポーネントの製作を行ないました。
※要 Flash Player 10
■主な仕様
・スクロール用ボタン(上下二種類)設定選択可
設定する場合は スクロールバーエリアがボタンの大きさに応じて適切なサイズに変化
・バーのスキン設定可能
上部・中心部分・下部、の三箇所に設定可能
・マウスホイール対応(オプション)
スクロール対象コンテンツ内のみマウスホイール動作を受け付ける
・スクロール対象のコンテンツからのバーの動作命令が可能
コンテンツ内の指定位置が表示枠の先頭に表示されるような処理
「イージングで滑らかに動作する」「バーの動作とスクロール対象のコンテンツの位置は同期する」という性質上、バーをドラッグ&ドロップして動かすのではなく、バーエリア内のクリック(ドラッグ)された位置に バーが移動する、という動作となります。
イージングで滑らかに動かなくてもいいので バーはドラッグ & ドロップで動かせたほうがいい、という仕様になる場合も十分にあるので、そちらにも対応できる作りを行なっておいたほうがよいかもしれません。
その他 あったらよいかもしれない機能としては、スクロール対象コンテンツ自身を ドラッグ & ドロップ でスクロール操作できるようにする、といったものが考えられます。
スクロール対象コンテンツ内でのマウス操作が必要とされる箇所(ボタン等)と ドラッグ & ドロップ のマウス操作処理のバッティングがおきないように、レイヤー分けを少々工夫する必要がでてきそうです。(ボタンを配置するレイヤーを一つにまとめ、その背後のレイヤーにドラッグ&ドロップ用のレイヤーを配置する、等)
[ FLASH ] [ tips ] [ update ] 投稿者 siratama : 2009年03月27日 11:29