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 = "..."来使用了

运行截图：