Accessibility

Macromedia Flash サポートセンター

ライブプレビュームービーを作成する

Page 8 of 13Previous PageNext Page

コンポーネントのライブプレビュームービーを作成するには、コンポーネントの FLA ファイルをコピーした後、ActionScript を追加してパラメータ値を再生中のライブプレビュームービーに渡します。次に SWF ムービーを作成します。component_start_yourname.fla ファイル内のライブプレビュームービーへのパスの設定については、この後学びます。

自分でムービーを作成するよりもサンプルの preview.swf を使用したい場合には、次のチュートリアル、ライブプレビュームービーへのパスを設定するへと進んでください。

  1. Macromedia Flash MX で component_start_yourname.fla を開いた状態で、このファイルの最新の変更内容を保存したことを確認します。
  2. [ファイル]-[名前を付けて保存] を選びます。
  3. ファイル名を preview.fla にし、component_start_yourname.fla と同じロケーションに保存します。
    preview.fla ファイルのコンテンツを動かしたりステージのサイズを変更したりするので、プレビュームービーは、（コンポーネントが表示される背景レイヤーのサイズではなく）コンポーネントのサイズと全く同じでなくてはなりません。
  4. ステージ上で component インスタンスが選択された状態で、component のプロパティインスペクタ （[ウィンドウ]-[プロパティ]）の中の X と Y の欄に 0 を入力します。コンポーネントインスタンスがステージの左上角に移動します。
    メモ: Macromedia Flash MX では X の値が 0.1 に変わることがありますが、この手順に支障を来すものではありません。
  5. ステージで背景を選択し、削除します。
  6. ステージでコンポーネントインスタンスを選択します。
  7. プロパティインスペクタの中で [W] の値を選択し、Control+C (Windows)、あるいは Command+C (Macintosh) のキーを押してこの値をコピーします。
  8. ステージの外のワークエリアをクリックします。
  9. ドキュメントプロパティインスペクタの中で、幅と高さの値を表示するための [サイズ] ボタンをクリックします。
  10. [ドキュメントプロパティ] ダイアログボックスの中で、サイズ (幅) の値を選択し、Control+V (Windows) あるいは Command+V (Macintosh) のキーを押してこのコンポーネントの値をフィールドに貼り付けます。[OK] をクリックし、[ドキュメントプロパティ] ダイアログボックスを閉じます。
  11. ステージ上でコンポーネントインスタンスを選択し、ステップ 7 から 10 を繰り返してコンポーネントの [H] の値をドキュメントに貼り付けます。ステージ]はこれでコンポーネントインスタンスと同じサイズになりました。
    preview.fla ムービーは、コンポーネント自身のインスタンスではなく、（コンポーネントの個々のエレメントである）ボタンシンボルのインスタンス、ならびにテキストフィールドを実際に含んでいなくてはいけません。ではこれからコンポーネントインスタンスを削除し、これら2つの個々のエレメントをステージに追加する作業を行います。
  12. ステージ上でcomponent インスタンスを選択し、削除します。
  13. ボタンシンボルのインスタンスを [ライブラリ] からステージへドラッグしてきます。インスタンスがきちんとステージの境界線の中に入るように、矢印キーを使って位置を合わせます。
  14. [テキスト] ツールを選択します。ボタンを含むレイヤー上で、ドラッグしてステージ上のボタンインスタンスの上に新しいテキストフィールドを作成します。Cancel（あるいはコンポーネントムービークリップ用に作成したテキスト）を入力します。
  15. プロパティインスペクタの中で、[テキストタイプ] には [ダイナミックテキスト]、[フォント] には [Arial]、[フォントサイズ] には[14]、[整列] には [中央揃え] をそれぞれ選択し、[選択可能] の選択を解除します。[インスタンス名] には buttonLabel と入力します。[変数] には xch.label と入力します。
  16. [ウィンドウ]-[整列] を選び、[整列] パネルを表示します。
  17. [中央揃え (水平方向)] （整列の行の左から2番目のボタン）と、[中央揃え (垂直方向)] （整列の行の右から2番目のボタン）をクリックし、ボタンの上にテキストボックスを揃えます。[整列] パネルを閉じます。
  18. ボタンとテキストフィールドがきちんと [ステージ] の境界線の中に入るように、必要に応じて矢印キーを使って位置を合わせてください。
  19. ファイルを保存します。
  20. [Button layer] レイヤーを選択します。[挿入]-[新規シンボル] を選んで空のムービークリップシンボルを作成し、xch と名前を付けます。ドキュメントウィンドウの左上にある [前に戻る] ボタンをクリックし、シンボル編集モードを終了してメインのタイムラインに戻ります。
  21. 空のムービークリップのインスタンスをステージ上に置き、このインスタンスをプロパティインスペクタで xch と名付けます。
    ムービークリップ xch のインスタンスは、パラメータ値が渡される際のプレースフォルダとしての機能を果たします。
  22. [Actions] レイヤーを選択し、[アクション] パネルを開きます。スクリプトペインからコードを選択し、削除します。
  23. スクリプトレインに以下のコードを入力します
    myTextFormat = new TextFormat();
function onUpdate (){
	buttonLabel.textColor = xch.labelColor;
	myTextFormat.font = xch.labelFont;
	buttonLabel.setTextFormat (myTextFormat);
}

    ユーザーがコンポーネントのパラメータを更新した時にボタンラベルの色とフォントを更新する関数が、このコードによって作成されます。ラベルコンテンツは、ステップ 15 でテキストボックスにアサインされた変数、xch.label を通じて更新されます。
  24. ファイルを保存した後に [制御]-[ムービープレビュー] を選択し、このプレビュームービーのための SWF ファイルを作成します。
  25. preview.swf ムービーが Macromedia Flash Player のプレビューウィンドウに表示されたら、Player のウィンドウを閉じてください。
Page 8 of 13Previous PageNext Page