Flash/Flex学习笔记(3)：动态添加组件

Flash中一个fla文件可以关联到一个as文件，这个有点类似于asp.net中的code behind.

可参考以下图操作:

 

 

注:
1.as文件的类名与文件名要求一样，并且默认情况下必须与fla处于同一目录。
2.所有as文件必须继承自flash.display.Sprite

下面这个是一个示例文件代码：

package {

	

	import flash.display.Sprite;

	import fl.controls.Label;

	import fl.controls.Button;	

	import fl.controls.List;

	import flash.text.TextFieldAutoSize;

	import flash.events.MouseEvent;

	import fl.data.DataProvider;



	public class AddControlCode extends Sprite {

		public function AddControlCode() {

			

			//加一个label

			var _label:Label = new Label();

			_label.text="来来，我是一个Label";

			_label.width=150;

			_label.autoSize=TextFieldAutoSize.CENTER;

			_label.addEventListener(MouseEvent.CLICK,function(){trace(_label.text = "文本被点击了")}); //象不象c#中的匿名函数?

			this.addChild(_label);



			//加一个Button

			var _btn:Button = new Button();

			_btn.label="来来，我是一个Button";

			_btn.width=150;

			this.addChild(_btn);



			//获取舞台尺寸

			var w:int=stage.stageWidth;

			var h:int=stage.stageHeight;



			trace("宽度：" + w + "，高度：" + h);



			//将Label与Button移动到水平中心点

			_label.move((w-_label.width)/2,10);

			_btn.move((w-_btn.width)/2,50);



			_btn.addEventListener(MouseEvent.CLICK,btnClick);//给Button添加点击事件

			

			//添加一个List控件

			var _lst:List = new List();

			var dp:Array = new Array();

			var i:uint;

			var count:uint = _lst.rowCount * 2;

			for(i=0;i<count;i++){

				dp.push({label:"元素" + i});

			}

			_lst.allowMultipleSelection = true;//允许多选

			_lst.dataProvider = new DataProvider(dp);//绑定数据源

			this.addChild(_lst);

		}

		

		//鼠标点击处理函数

		function btnClick(e:MouseEvent) {

			trace("你点了我一下,这是证据：" + e);

		}

	}

}

 

默认情况下，如果您运行这段代码会发现根本没办法编译通过，通常会提示: 未发现fl.controls.Label之类，解决办法：

先在设计视图中，拖一个Label控件到舞台上，然后再删除就行了，其它组件类似处理

个人猜测：就好比Winform中，我们引用某命名空间时，通常光using ...后，还需要添加对某程序集的引用，类似的:fla默认可能没有添加fl.controls.Label的"程序集"引用，哪怕你在代码中import过了，但是运行时仍然找不到这个包，而手动拖一个到舞台上后，强迫flash自动添加了相关引用

最后一个问题：如果组件不全是动态添加的，比如在设计视图下直接把一个Label拖动舞台上，在对应的as文件中如何引用呢? 

其实也很简单，只要在设计视图中给组件指定一个实例名（比如lbl123），然后就能在as文件中直接用lbl123.text = "..."来使用了

运行截图：