Top | Contents | Prev　|
UIコンポーネント使用方法

　ここではUIコンポーネントの使用方法を説明します。使用方法を学習する前にUIコンポーネントの基礎について理解している必要があります。まだの方はUIコンポーネントの基礎についてを参照してください。
UIコンポーネント使用してアプリケーションの作成方法
　UIコンポーネントを使用してアプリケーションを作成する方法は大きくわけて2種類あります。1つ目はコンポーネントを使用してオーサリング環境でパラメータ等の設定、作成をする方法。2つ目はActionScript を使用してコンポーネントの配置、パラメータなどの設定を行い使用する方法です。結局は両方ともActionScriptは使用しますが、コンポーネントを操作する時に全てをActionScriptで設定するか、そうでないかの違いです。


コンポーネントを使用
　コンポーネントを使用しての作成方法は直接コンポーネントを選択してパラメータの設定、インスタンスの命名などを行います。しかし修正を行いたい場合にはそれぞれのオブジェクト（コンポーネント）を選択して変更を加える必要があります。
ActionScript のみ使用
　コンポーネントのパラメータ、インスタンスの命名、表示位置など全てActionScript のみで設定する方法です。コンポーネントの表示位置、プロパティなど全てActionScriptで記述する必要がありますが、* 修正などのメンテナンスが容易であり作業効率も高くなります。

* 記述場所が1箇所の場合
コンポーネントを使用
　コンポーネントを使用して作成する方法を説明します。ここでは例としてButtonコンポーネントを使用します。

・最初に新規ファイルを開きます。（ActionScript3.0Flashドキュメント）
・次にButtonコンポーネントをステージへドラッグします。
・プロパティインスペクタでインスタンス名をmyButtonと入力します。

・次に以下のコードをメインタイムラインの1フレーム目に記述します。このコードはステージに配置したButtonコンポーネントをクリックすると出力パネルに"click"と表示されるコードです。
function myFunc(event:MouseEvent):void
{
	trace("click");
}
myButton.addEventListener(MouseEvent.CLICK,myFunc);

ActionScript のみ使用
　ActionScript のみ使用して作成する方法を説明します。例としてButtonコンポーネントを使用します。

・最初に新規ファイルを開きます。（ActionScript3.0Flashドキュメント）
・Buttonコンポーネントをライブラリに追加します。（ステージではなくライブラリです。）

・次に以下のコードをメインタイムラインの1フレーム目に記述します。このコードはステージに配置したButtonコンポーネントをクリックすると出力パネルに"click"と表示されるコードです。最初にButtonがあるパッケージをimport し、コード内でインスタンスの名前を付け、addChild()で表示リストに追加しButtonを表示可能にしています。コードは長くなりますがメンテナンスも簡単になります。
import fl.controls.Button;

var myButton:Button = new Button();
addChild(myButton);

function myFunc(event:MouseEvent):void
{
	trace("click");
}
myButton.addEventListener(MouseEvent.CLICK,myFunc);

トップへ
Top | Contents | Prev　|