AS3.0でのダイナミックテキストのクリックと移動方法について

質問

• AS3.0でのダイナミックテキストをクリックするとテキストエリアに表示される方法について、またダイナミックテキストをムービークリップに変換する方法について説明します。
• ダイナミックテキストをクリックしてテキストエリアに表示させるには、クリックイベントを利用してテキストエリアのtextプロパティにダイナミックテキストの内容を代入します。
• ダイナミックテキストをムービークリップに変換するには、テキストフィールドをムービークリップに変換する方法を使います。変換した後は、ムービークリップのプロパティやメソッドを利用してテキストの表示や移動を行うことができます。

回答No.1

BlurFiltan

> ダイナミックテキストのままでは、
> クリックもできないのでムービークリップに
> 変換しなければ無理かと考えております。

と書かれていらっしゃいますが
「ダイナミックテキストをムービークリップに変換する。」
というマニュアル操作の手順を
そのままスクリプト化しようとしていらっしゃるからできないのではないかと思います。

とにかくまずは『先にオブジェクトありき』です。

先にムービークリップ(またはスプライト)インスタンスというオブジェクトを作って
そのインスタンスの中にダイナミックテキストを作成すれば良いでしょう。

本体FLAドキュメントのライブラリには
TextAreaコンポーネントがすでに登録されているものとします。

その場合の
ドキュメントクラスファイル「test.as」のスクリプト例です。

//--------------------------------------------------
package {
//使用クラスのインポート
import fl.controls.TextArea;
import flash.display.MovieClip;
import flash.text.TextField;
import flash.events.MouseEvent;

//「test」クラス
public class test extends MovieClip {
//使用変数の宣言
var textInput:TextArea;
var mc1:MovieClip;
var mc2:MovieClip;
var mc3:MovieClip;
var textOutput01:TextField;
var textOutput02:TextField;
var textOutput03:TextField;
//ドラッグ中のMCを登録する変数
var targetMC:MovieClip;

//コンストラクタ
public function test() {
//テキストエリア「textInput」を作成
textInput = new TextArea();
//「textInput」のプロパティを適当に決める
textInput.x=10;
textInput.y=20;
textInput.width=100;
textInput.height=25;
//メインタイムラインに「textInput」を配置
addChild(textInput);

for (var i:int = 1; i<=3; i++) {
//ムービークリップ「mc1～3」を作成
this["mc" + i] = new MovieClip();
//「mc○」のプロパティを適当に決める
this["mc"+i].x=10;
this["mc"+i].y=30+(i*30);
this["mc"+i].buttonMode=true;
//メインタイムラインに「mc○」を配置
addChild(this["mc"+i]);
//
//ダイナミックテキスト「textOutput01～03」を作成
this["textOutput0"+i] = new TextField();
//「textOutput0○」のプロパティを適当に決める
this["textOutput0"+i].border=true;
this["textOutput0"+i].width=100;
this["textOutput0"+i].height=25;
//「mc○」内に「textOutput0○」を配置
this["mc"+i].addChild(this["textOutput0"+i]);
//;
//「textOutput0○」をクリックしたときに関数「showText」を実行;
this["textOutput0"+i].addEventListener(MouseEvent.CLICK,showText);
//;
//「mc○」をプレスしたときに関数「dragMC」を実行;
this["mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,dragMC);
}

//ダイナミックテキスト「textOutput01～03」に文字を表示;
textOutput01.text="あああ";
textOutput02.text="いいい";
textOutput03.text="ううう";

}

//関数「showText」の定義
private function showText(evt:MouseEvent):void {
//テキストエリア「textInput」に
//クリックしたダイナミックテキストの文字を表示
textInput.text=evt.currentTarget.text;
}

//関数「dragMC」の定義
private function dragMC(evt:MouseEvent):void {
//プレスしたMCを変数に登録
targetMC=MovieClip(evt.currentTarget);
//プレスしたMCをドラッグ開始
targetMC.startDrag();
//ステージ上でマウスアップ時に関数「dropMC」を実行;
stage.addEventListener(MouseEvent.MOUSE_UP,dropMC);
}

//関数「dropMC」の定義
private function dropMC(evt:MouseEvent):void {
//ドラッグ中のMCのドラッグを終了
targetMC.stopDrag();
//マウスアップ時に関数「dropMC」を実行するのを解除;
stage.removeEventListener(MouseEvent.MOUSE_UP,dropMC);
}

}
}
//--------------------------------------------------

『まずは「mc○」を作成してメインタイムラインに配置して
次に「textOutput0○」を作成して「mc○」内に配置して
配置した「textOutput0○」や「mc○」に
イベントリスナー(マウス動作時のイベント動作関数)を登録して行く』
という内容です。

お礼

お返事ありがとうございます。
まさにその通りで、マニュアルの(ステージに配置して作成する)手順で考えており
ずっと悩んでおりました。

わかりやすい説明でおかげさまで解決です！

もうひとつ不明な点があるのですが、宜しければ教えてください。

■症状
テキストエリアをステージに配置せずASだけで作成しプレビュー(Ctrl+Enter)すると
必ずエラーになります。

■解決策
ASはそのままで、ステージにテキストエリアを配置しこれを削除してからプレビューすると
問題なく表示されるのですが、これはなぜなのでしょうか？

補足

もう1点すみません^^;
カーソルの設定がうまく効いていないようでした。

this["mc"+i].buttonMode = true;

できれば、指のマークにしたいのですが良い解決策はありますでしょうか？