第1回　ダイナミックテキスト

Flashのテキストには、通常の文字の描画として扱う「静止テキスト」、ActionScriptで表示をダイナミックに更新できる「ダイナミックテキスト」、ユーザーが入力するフォームなどに使う「テキスト入力」の3種類がある。今回は、ダイナミックテキストについて学習していこう。ダイナミックテキストのオブジェクトのことを「TextFieldオブジェクト」と呼び、これにActionScriptを設定することで、テキストブロックの内容を更新することができる。

（1）テキストの種類
［ダイナミックテキスト］に設定する

（2）インスタンス名
テキストブロックにインスタンス名を設定する

（3）行タイプ
［単一行］（1行だけを表示）、［複数行］（複数行で表示）、［折り返しなし］（折り返さずに表示）から選択する

（4）テキストをHTMLとしてレンダリング
HTMLタグの基本的な書式 (フォント、スタイル、カラー、サイズなど) およびハイパーリンクを適用することができる

（5）テキストの周囲にボーダーを表示
テキストブロックの周りを枠線で囲む

（6）テキストオプションの編集
文字を選択して、フォントを埋め込むことができる

それでは、ダイナミックテキストを使って、マウスに追随しながらXY座標を表示するコンテンツを作ってみよう。ダイナミックテキストにフォントを埋め込んで、アンチエイリアス表示させる。

1．［名前：base］、［タイプ：ムービークリップ］の新規シンボルを作成する。基準点が（0,0）となるようにXY軸ともに「0～300px」の目盛りを描画する【図3】。

2．［名前：zahyo］、［タイプ：ムービークリップ］の新規シンボルを作成する。左下を基準点に3桁のXY座標が表示できるように「000」と記入したテキストボックスを描画する。X座標を表示するテキストボックスを選択し、プロパティインスペクタで、［テキストの種類：ダイナミックテキスト］、［インスタンス名：x_txt］に設定する【図4】。

3．プロパティインスペクタの［埋め込み...］ボタンをクリックして、［文字の埋め込み］ダイアログボックスを表示する。「数字［0..9］（11文字）」を選択して、［OK］ボタンをクリックする【図5】。これでswfファイルに現在選択しているフォントの数字を埋め込むことができる。手順2、3をY座標についても同様に設定する。

フォントはすべての文字を埋め込むことができる。しかし、日本語フォントの場合、すべての文字を埋め込むとファイルサイズが膨大になりすぎて、webで公開するのに適さない。文字の埋め込みは欧文フォントや、日本語フォントの場合、かな文字程度にするのがよいだろう。また、アンチエイリアスをかけない場合は、［フォント］を_ゴシック、_明朝、_等幅、_sans、_serif、_typewriterのいずれかに設定して、フォントを埋め込まずにデバイスフォントを使用することも可能だ。

4．「シーン1」に戻り、「base」レイヤーを作成して、ステージにムービークリップシンボル「base」を配置し、インスタンス名を「base_mc」に設定する。次に、「zahyo」レイヤーを作成して、ステージの外側に「zahyo」を配置し、インスタンス名を「zahyo_mc」に設定する【図6】。

5．新規レイヤー「action」を作成する。［フレーム1］を選択し、［アクション］パネルにムービークリップ「zahyo_mc」がマウスに追随し、ダイナミックテキストにXY座標を表示する処理を設定する【図7】。座標の内容を変更するにはTextFieldオブジェクトの「text」プロパティを設定すればよい。［制御］→［ムービープレビュー］で確認しよう。

フレームが再生されるたびに、マウスの位置（xm,ym）が目盛りのある範囲内ならば、

（1）
ムービークリップ「zahyo_mc」のX座標をマウスのX座標「xm」に設定

（2）
ムービークリップ「zahyo_mc」のY座標をマウスのY座標「ym」に設定

（3）
テキストフィールド「zahyo_mc.x_txt」のテキストの内容をX座標値「xm - bx」に設定

（4）
テキストフィールド「zahyo_mc.y_txt」のテキストの内容をY座標値「ym - by」に設定

※XY座標値は「base_mc」の基準点から見た相対座標で編集画面上のXY座標値とは異なるので注意してほしい。