Flash CS3 ドキュメンテーション

ActionScript 2.0 コンポーネントガイド > コンポーネントの利用 > Flash ドキュメントへのコンポーネントの追加

Flash ドキュメントへのコンポーネントの追加

[コンポーネント] パネルからステージにコンポーネントをドラッグすると、コンパイルされたクリップ (SWC) のシンボルが [ライブラリ] パネルに追加されます。SWC シンボルがライブラリに追加された後、複数のインスタンスをステージにドラッグできます。また、UIObject.createClassObject() ActionScript メソッドを使用して、そのコンポーネントを実行時にドキュメントに追加することもできます。詳細については、『ActionScript 2.0 コンポーネントリファレンスガイド』を参照してください。

オーサリング時にコンポーネントを追加する

[コンポーネント] パネルでコンポーネントをドキュメントに追加した後、[ライブラリ] パネルからコンポーネントをステージにドラッグしてコンポーネントのインスタンスをドキュメントに追加することができます。追加したインスタンスのプロパティは、プロパティインスペクタの [パラメータ] タブ、または [コンポーネントインスペクタ] の [パラメータ] タブで設定できます。

[コンポーネント] パネルでコンポーネントを Flash ドキュメントに追加するには :

1. ActionScript 2.0 を使用してパブリッシュするようパブリッシュ設定を行います。

   [ファイル]-[パブリッシュ設定]-[Flash] タブを選択し、[ActionScript] ドロップダウンメニューから [ActionScript 2.0] を選択します。

2. [ウィンドウ]-[コンポーネント] を選択します。
3. 次のいずれかの操作を行います。
   • コンポーネントを [コンポーネント] パネルからステージまでドラッグします。
   • [コンポーネント] パネル内のコンポーネントをダブルクリックします。
4. コンポーネントが FLA ファイル (インストールされたすべてのバージョン 2 コンポーネントが SWC ファイル) であり、同時に、同じコンポーネント内の他のインスタンスのスキン、または追加しようとしているコンポーネントとスキンを共有しているコンポーネントのスキンが編集されている場合は、次のいずれかの操作を行います。
   • [既存のアイテムを置き換えない] を選択して編集済みのスキンを保存し、編集済みのスキンを新規ドキュメントに適用します。
   • [既存のアイテムを置き換える] を選択して、すべてのスキンをデフォルトスキンに置き換えます。新規コンポーネントおよびすべての旧バージョンのコンポーネント、またはそのスキンを共有するすべての旧バージョンのコンポーネントで、デフォルトスキンが使用されます。
5. ステージでコンポーネントを選択します。
6. [ウィンドウ]-[プロパティ]-[プロパティ] を選択します。
7. プロパティインスペクタで、コンポーネントインスタンスのインスタンス名を入力します。
8. [パラメータ] タブをクリックして、インスタンスのパラメータを指定します。

   次の図は、"TipCalculator.fla" サンプルファイルに含まれている TextInput コンポーネントのプロパティインスペクタを示しています。"TipCalculator.fla" サンプルファイルへのアクセス方法については、Web サイトの Flash サンプルページ (www.adobe.com/go/learn_fl_samples_jp) を参照してください。

   
   
   

   詳細については、コンポーネントパラメータの設定を参照してください。

9. 幅と高さの値を編集することにより、必要に応じてコンポーネントのサイズを変更します。

   特定のコンポーネントタイプのサイズ変更の詳細については、『Action Script 2.0 コンポーネントリファレンスガイド』の各コンポーネントのセクションを参照してください。

10. コンポーネントの色およびテキストのフォーマットを変更するには、必要に応じて次の操作を行います。
    • すべてのコンポーネントで使用できる setStyle() メソッドを使用して、コンポーネントインスタンスの特定のプロパティ値を設定または変更します。詳細については、『Action Script 2.0 コンポーネントリファレンスガイド』のUIObject.setStyle()を参照してください。
    • すべてのバージョン 2 コンポーネントに割り当てられているグローバルスタイル宣言で、複数のプロパティを編集します。
    • 特定のコンポーネントインスタンスで使用するカスタムスタイル宣言を作成します。

      詳細については、スタイルによるコンポーネントのカラーとテキストの変更を参照してください。

11. コンポーネントの外観をカスタマイズするには、次のいずれかの操作を行います。
    • テーマを適用します (テーマについてを参照してください)。
    • コンポーネントのスキンを編集します (コンポーネントへのスキンの適用についてを参照してください)。

ActionScript を使用して実行時にコンポーネントを追加する

このセクションの説明は、ActionScript についてある程度の知識を持っている方向けです。

コンポーネントを Flash アプリケーションに動的に追加するには、createClassObject() メソッドを使用します。ほとんどのコンポーネントは、このメソッドを UIObject クラスから継承しています。たとえば、ユーザー設定の環境に基づいたページレイアウト (Web ポータルのホームページなど) を作成するコンポーネントを追加できます。

Flash と共にインストールされるバージョン 2 コンポーネントは、パッケージディレクトリにあります。詳細については、『ActionScript 2.0 の学習』のパッケージについてを参照してください。オーサリング時にコンポーネントをステージに追加する場合は、そのインスタンス名 (myButton など) だけでコンポーネントを参照できます。しかし、実行時に ActionScript を使用してコンポーネントをアプリケーションに追加する場合は、クラスの完全修飾名 (mx.controls.Button など) を指定するか、または import ステートメントを使用してパッケージを読み込む必要があります。

たとえば、Alert コンポーネントを参照する ActionScript コードを記述するには、クラスを参照する import ステートメントを使用します。

import mx.controls.Alert;
Alert.show("The connection has failed", "Error");

または、パッケージの完全パスも使用できます。

mx.controls.Alert.show("The connection has failed", "Error");

詳細については、『ActionScript 2.0 の学習』のクラスファイルの読み込みについてを参照してください。

動的に追加されたコンポーネントのパラメータは、ActionScript のメソッドを使って設定することができます。詳細については、『ActionScript 2.0 コンポーネントリファレンスガイド』を参照してください。

ActionScript を使用してコンポーネントを Flash ドキュメントに追加するには :

1. コンポーネントを、[コンポーネント] パネルからカレントドキュメントのライブラリまでドラッグします。

   メモ

   コンポーネントは、デフォルトで [最初のフレームに書き出し] に設定されます (Windows の場合は右クリック、Macintosh の場合は Control キーを押しながらクリックし、[リンケージ] メニューオプションを選択して、[最初のフレームに書き出し] 設定を表示します)。コンポーネントを含むアプリケーションに対してプリローダーを使用する場合、書き出しフレームを変更する必要があります。手順については、コンポーネントでのプリローダーの使用を参照してください。

2. コンポーネントを追加するタイムライン内のフレームを選択します。
3. [アクション] パネルが開いていなければ、開きます。
4. コンポーネントのインスタンスを実行時に作成するには、createClassObject() を呼び出します。

   このメソッドは単独で呼び出すこともできますが、任意のコンポーネントのインスタンスから呼び出すこともできます。createClassObject() メソッドのパラメータでは、コンポーネントのクラス名、新規インスタンスのインスタンス名、深さ、および実行時にプロパティを設定するときに使用するオプションの初期化オブジェクトを指定できます。

   次の例に示すように、クラス名パラメータにクラスパッケージを指定できます。

   createClassObject(mx.controls.CheckBox, "cb", 5, {label:"Check Me"}); 
   

   また、クラスパッケージは次のようにして読み込むこともできます。

   import mx.controls.CheckBox;
   createClassObject(CheckBox, "cb", 5, {label:"Check Me"}); 
   

   詳細については、コンポーネントイベントの処理、および『ActionScript 2.0 コンポーネントリファレンスガイド』のUIObject.createClassObject()を参照してください。

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/flash/9.0_jp/main/00002431.html

コメントの追加