ONE OP IXEL

前回に続いてコンポーネントのボタンを使ってみようと思います。

1. 「コンポーネント」から「Button」をステージに配置後削除
2. せっかくなので前回のコードにプラスした感じです。

   package
   {
   	import fl.controls.Button;
   	import fl.controls.TextInput;
   	import flash.display.MovieClip;
   	import flash.events.Event;
   	import flash.events.MouseEvent;
   	import flash.text.TextField;
   
   	public class TextField extends MovieClip
   	{
   		private var ti1:TextInput = new TextInput();
   		private var btn1:Button = new Button();
   
   		public function TextField() {
   			//テキストインプット配置
   			ti1.x = 10;
   			ti1.y = 10;
   			addChild(ti1);
   
   			//ボタン配置
   			btn1.x = 10;
   			btn1.y = 40;
   			addChild(btn1);
   
   			//ボタンイベント
   			btn1.addEventListener(MouseEvent.CLICK,buttonClick);
   		}
   		public function buttonClick(event:Event):void
   		{
   			trace(ti1.text);
   		}
   	}
   }
   

Flashなんだからオーサリングで自由に配置したいと最初は思ったのですが、
なんだかんだいってやっぱりスクリプトから配置した方が後々いいのかなと思ったりする昨今。
TextInputをActionScriptから配置してみます。

1. ウインドウ→コンポーネントでコンポーネントウインドウを開く
2. TextInputをステージにドラッグまたはダブルクリック
3. 配置されたTextInputは削除して、ライブラリには残っている状態にする。
   
4. 実用性はないですがテスト用なのでリアルタイムで出力しています。

   package
   {
   	import fl.controls.TextInput;
   	import flash.display.MovieClip;
   	import flash.events.Event;
   	import flash.events.MouseEvent;
   	import flash.text.TextField;
   
   	public class TextField extends MovieClip
   	{
   		private var ti1:TextInput = new TextInput();
   
   		public function TextField() {
   			ti1.x = 10;
   			ti1.y = 10;
   			//テキストインプット配置
   			addChild(ti1);
   
   			//入力チェック用
   			addEventListener(Event.ENTER_FRAME, onEnterFrame);
   		}
   		public function onEnterFrame(event:Event):void
   		{
   			trace(ti1.text);
   		}
   	}
   }