途中までは前記事と似たような処理なのでちょっと割愛してるところもあるのでご注意。

1. 画像の読み込み

private var bl:BulkLoader = new BulkLoader("imageloader");

/* 中略 */

bl.add( "images/button_normal.png" );
bl.add( "images/button_over.png" );
bl.add( "images/button_down.png" );
bl.addEventListener( BulkProgressEvent.COMPLETE, initialize );
bl.start();

2. SimpleButtonをつくる

var btn:SimpleButton = new SimpleButton(
    new Bitmap(bl.getBitmapData("images/button_normal.png")),
    new Bitmap(bl.getBitmapData("images/button_over.png")),
    new Bitmap(bl.getBitmapData("images/button_down.png")),
    new Bitmap(bl.getBitmapData("images/button_normal.png"))
);
addChild(btn);

SimpleButton – ActionScript 3.0

使い方は上記リンク参照。余計なもの（!?）をimportしなくていい分心地よいです。

ただし、このままではBitmapButtonにはあった「選択時」の状態が使用できません。
この点は今頭を悩ましているところですね。

2010/05/17

さすがに端折りすぎたのでコードを追記

2010/05/24

フォロー記事書きました。
AS3実験室: SimpleButtonクラスをトグル出来るように拡張した「SimpleToggleButton」

BitmapButton

Download : BitmapButton

パブリック プロパティ

hitRect : Rectangle = null

ヒット領域をRectangleで設定。 nullの場合は画像にあわせたヒット領域になります。

selected : Boolean = false

ボタンの選択状態を示すBoolean値。

パブリック メソッド

render() : void

setImagesで渡されたBitmapDataを元にボタンを生成します。

setImages( _config : Object ) : void

normalImage（通常時）、overImage（マウスオーバー時）、downImage（マウスダウン時）、selectedImage（選択時）の画像をBitmapDataで格納したオブジェクトを渡します。

簡単な使い方

インポートをお忘れなく。

import jp.mach3.ui.BitmapButton

1. 画像の用意

こんな感じで画像を用意しましょう。

2. 画像の読み込み

以前記事で紹介したBulkLoaderを使ってみます。

private var bl:BulkLoader = new BulkLoader( "imageloader" );

/* 中略 */

bl.add( "images/button_normal.png" );
bl.add( "images/button_over.png" );
bl.add( "images/button_down.png" );
bl.add( "images/button_selected.png" );
bl.addEventListener( BulkProgressEvent.COMPLETE, initialize );
bl.start();

3. BitmapButtonインスタンスの生成

completeイベントに設定したinitializeでビットマップボタンを生成してみます。

private function initialize( e:Event ) : void {
    var btn:BitmapButton = new BitmapButton;
    btn.setImages( {
        normalImage: bl.getBitmapData( "images/button_normal.png" ),
        overImage: bl.getBitmapData( "images/button_over.png" ),
        downImage: bl.getBitmapData( "images/button_down.png" ),
        selectedImage: bl.getBitmapData( "images/button_selected.png" )
    } );
    btn.render();
    addChild( btn );
}

各ステータスの画像を設定するsetImages()は、
BitmapDataを格納したnormalImage, overImage,
downImage, selectedImageらをまとめたオブジェクトを引数として受け取ります。
あとはrender()でボタンイメージを生成し、addChild。

4. イベントなど

Spriteを継承しているので、イベントなどはよきにはからえ、で。

btn.addEventListener( MouseEvent.CLICK, myFunc );

5. 選択状態の変更

selectedプロパティをtrueにすることで、選択時の状態にする事ができます。
トグルボタンなどを作りたい時はこちらを利用します。

btn.selected = true

こんな感じで作ってみたわけですが、何かの役にたてば幸いです。
とりあえず自分で使おう。

2010/05/02

SimpleButtonを使えばもっと楽だという事に次の日気づきました

2010/05/03

フォロー記事書きました
AS3実験室: 画像を読み込んでボタンにする～SimpleButtonの巻

2010/05/24

フォロー記事書きました
AS3実験室: SimpleButtonクラスをトグル出来るように拡張した「SimpleToggleButton」