Button クラス

Button クラス

　Flashのコンポーネントには皆さんがよく使うButtonも用意されています。ボタンを押したら押しっぱなしになるトグル機能、自分で作成したアイコンを埋め込む事ができたりします。

コンポーネントインスペクタ

`icon`	自分で作成したアイコンをボタンに埋め込む時にムービークリップを作成し、その時に設定したリンケージ識別子を設定します。詳しくは下記で説明してます。
`label`	ボタンに表示するラベルを設定します。
`labelPlacement`	ボタンのラベルの位置を設定します。
`toggle`	ボタンを押した時に押しっぱなしの状態にするかしないかを設定します。
`selected`	`toggle`（トグル）の状態にしておくかしないかを設定します。

Buttonの作成方法

　Buttonを作成するにはコンポーネントパネルからドラッグ& ドロップでステージ上に配置する方法があります。配置してからコンポーネントインスペクタのパラメータを設定します。

ActionScriptでButton（コンポーネント）を作る場合

createObject(linkageName,instanceName,depth,initObject)

linkageName　リンケージ識別子の名前
instanceName　インスタンス名
depth　深度
initObject　新しいインスタンスの初期化プロパティが含まれるオブジェクト

　下記の例ではインスタンス名myButtonというButtonを作成します。作成時の配置位置はステージの一番左上(0,0)に作成されます。予めライブラリにButtonのシンボルを用意しておいてください。

this.createObject("Button", "myButton", 0);

　今度は_x プロパティ、_y プロパティで座標位置を決めて作成してみましょう。_x プロパティ、_y プロパティはUIObjectクラスのプロパティから継承されています。

this.createObject("Button", "myButton", 0);
this.myButton._x = 150;
this.myButton._y = 100;

Buttonコンポーネントのパラメータiconの説明

　ここではButtonコンポーネントのパラメータのiconを設定して、自分で作成したiconをButtonに設定する方法を説明します。下記のButtonコンポーネントにはiconパラメータを設定してButtonの上にアイコンを表示させています。

　色々やり方があるのですが、一番簡単な方法を説明します。最初にステージに何でもいいので円でも四角でも描いてください。そしてそれを選択ツールで選択して右クリックをします。（Buttonコンポーネントは最初にステージ上に配置しておいてください。）

シンボルに変換

　右クリックをしたら上記のパネルが出てきますので、シンボルに変換します。シンボルに変換を選択すると下記のパネルが出てきます。

リンケージ

　次にリンケージの項目の[ActionScriptに書き出し]の部分のチェックボックスをチェックすると[識別子]というテキストフィールドが入力可能となりますので、そこにmyIconと記述してください。ここで何をしているか説明しますと、ボタンコンポーネントの上に自分の作成したムービークリップをアイコンとして表示する為に識別子を設定してムービークリップと関連付けています。（リンケージ）

全ての設定を終えてOKボタンを押すと下記の様にステージに配置されたButtonに灰色の四角形が表示されます。

　最後にButtonを選択してコンポーネントインスペクタのパラメータiconに先ほど設定したmyIconと入力してパブリッシュすると自分の作成したムービークリップがアイコンとして表示されます。リンケージはライブラリから右クリックしても設定ができます。

Button クラスのメソッド一覧

Button クラス固有のメソッドはありません。

UIObject クラスから継承するメソッド

次の表は、Button クラスが UIObject クラスから継承するメソッドの一覧です。Button オブジェクトからこれらのメソッドを使用するときには、buttonInstance.methodName という形式で呼び出します。

メソッド	説明
UIObject.createClassObject()	指定したクラスのオブジェクトを作成します。
UIObject.createObject()	オブジェクト上にサブオブジェクトを作成します。
UIObject.destroyObject()	コンポーネントインスタンスを破棄します。
UIObject.doLater()	プロパティインスペクタおよび [コンポーネントインスペクタ] でパラメータが設定されたときに関数を呼び出します。
UIObject.getStyle()	スタイル宣言またはオブジェクトからスタイルプロパティを取得します。
UIObject.invalidate()	次のフレーム間隔で再描画されるようにオブジェクトにマークを付けます。
UIObject.move()	オブジェクトを指定の位置に移動します。
UIObject.redraw()	オブジェクトの検証を強制的に実行して、オブジェクトを現在のフレーム内に描画します。
UIObject.setSize()	オブジェクトのサイズを指定のサイズに変更します。
UIObject.setSkin()	オブジェクトのスキンを設定します。
UIObject.setStyle()	スタイル宣言またはオブジェクトのスタイルプロパティを設定します。

UIComponent クラスから継承するメソッド

次の表は、Button クラスが UIComponent クラスから継承するメソッドの一覧です。Button オブジェクトからこれらのメソッドを使用するときには、buttonInstance.methodName という形式で呼び出します。

メソッド	説明
UIComponent.getFocus()	現在フォーカスがあるオブジェクトへの参照を返します。
UIComponent.setFocus()	このコンポーネントインスタンスにフォーカスを設定します。

Button クラスのプロパティ一覧

次の表は、Button クラスのプロパティの一覧です。

プロパティ	説明
Button.icon	ボタンインスタンスのアイコンを指定します。
Button.label	ボタン内に表示されるテキストを指定します。
Button.labelPlacement	ボタン上にラベルテキストを表示する位置をアイコンとの位置関係で指定します。

SimpleButton クラスから継承するプロパティ

次の表は、Button クラスが SimpleButton クラスから継承するプロパティの一覧です。これらのプロパティを使用するときには、buttonInstance.propertyName という形式でアクセスします。

プロパティ	説明
SimpleButton.emphasized	ボタンにデフォルトプッシュボタンの外観を持たせるかどうかを指定します。
SimpleButton.emphasizedStyleDeclaration	`emphasized` プロパティが `true` に設定されているときのスタイル宣言です。
SimpleButton.selected	ボタンが選択されているか (`true`)、選択されていないか (`false`) を示すブール値です。デフォルト値は `false` です。
SimpleButton.toggle	ボタンがトグルスイッチとして動作するか (`true`)、そうでないか (`false`) を示すブール値です。デフォルト値は `false` です。

UIObject クラスから継承するプロパティ

次の表は、Button クラスが UIObject クラスから継承するプロパティの一覧です。Button オブジェクトからこれらのプロパティを使用するときには、buttonInstance.propertyName という形式でアクセスします。

プロパティ	説明
UIObject.bottom	オブジェクトの下端の位置を、親の下端の位置を基準にして表します。読み取り専用。
UIObject.height	オブジェクトの高さをピクセル単位で表します。読み取り専用。
UIObject.left	オブジェクトの左端の位置をピクセル単位で表します。読み取り専用。
UIObject.right	オブジェクトの右端の位置を、親の右端の位置を基準にして表します。読み取り専用。
UIObject.scaleX	オブジェクトの x 方向の伸縮率を、親を基準にして表した数値です。
UIObject.scaleY	オブジェクトの y 方向の伸縮率を、親を基準にして表した数値です。
UIObject.top	オブジェクトの上端の位置を、親の位置を基準にして表します。読み取り専用。
UIObject.visible	オブジェクトを表示するか (`true`)、表示しないか (`false`) を示すブール値です。
UIObject.width	オブジェクトの幅をピクセル単位で表します。読み取り専用。
UIObject.x	オブジェクトの左端の位置をピクセル単位で表します。読み取り専用。
UIObject.y	オブジェクトの上端の位置をピクセル単位で表します。読み取り専用。

UIComponent クラスから継承するプロパティ

次の表は、Button クラスが UIComponent クラスから継承するプロパティの一覧です。Button オブジェクトからこれらのプロパティを使用するときには、buttonInstance.propertyName という形式でアクセスします。

プロパティ	説明
UIComponent.enabled	コンポーネントがフォーカスと入力を受け付けられるかどうかを示します。
UIComponent.tabIndex	ドキュメント内のコンポーネントのタブ順序を示す数値です。

Button クラスのイベント一覧

Button クラス固有のイベントはありません。

SimpleButton クラスから継承するイベント

次の表は、Button クラスが SimpleButton クラスから継承するイベントの一覧です。

プロパティ	説明
SimpleButton.click	ボタンがクリックされたときにブロードキャストします。

UIObject クラスから継承するイベント

次の表は、Button クラスが UIObject クラスから継承するイベントの一覧です。

イベント	説明
UIObject.draw	オブジェクトがグラフィックを描画しようとしているときにブロードキャストします。
UIObject.hide	オブジェクトの状態が可視から不可視に変化したときにブロードキャストします。
UIObject.load	サブオブジェクトが作成されたときにブロードキャストします。
UIObject.move	オブジェクトが移動したときにブロードキャストします。
UIObject.resize	オブジェクトのサイズが変更されたときにブロードキャストします。
UIObject.reveal	オブジェクトの状態が不可視から可視に変化したときにブロードキャストします。
UIObject.unload	サブオブジェクトがアンロードされるときにブロードキャストします。

UIComponent クラスから継承するイベント

次の表は、Button クラスが UIComponent クラスから継承するイベントの一覧です。

イベント	説明
UIComponent.focusIn	オブジェクトがフォーカスを取得したときにブロードキャストします。
UIComponent.focusOut	オブジェクトがフォーカスを失ったときにブロードキャストします。
UIComponent.keyDown	キーが押されたときにブロードキャストします。
UIComponent.keyUp	キーが離されたときにブロードキャストします。

Top | Back | Next