flex组件生命周期对mxml和as的影响_悄悄俏俏

首先描述一下情况，当我写了一个flex组件，使用二种方式创建，一种名为My.mxml，一种名为My.as，My.mxml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" top="30">
	<s:layout>
		<s:HorizontalLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<s:Panel width="70%" height="100%" title="实时视频">
		<s:VideoDisplay id="videoUrl" width="100%"  height="100%"  added="{videoUrl.play()}" pauseWhenHidden="true"/>
	</s:Panel>
	
</s:Group>

My.as代码如下：

import spark.components.Group;
import spark.components.VideoDisplay;
	
public class My extends Group
{
	public var videoUrl:VideoDisplay = new VideoDisplay();
	public function My()
	{
	}
}

两个组件都为group，内部包含了一个id为videoUrl的视频组件，当我在另一个地方使用下列代码调用，从语法上没有错误，因此编译通过。

var my:My = new My();
my.videoUrl.source = "dsdasa.flv";
this.addElement(my);

上述代码是将My组件添加到舞台，并指定视频源地址。此时如果使用My.as就正常，使用My.mxml就会在

my.videoUrl.source = "dsdasa.flv";

这一行报空指针，即videoUrl=null，如果将调用代码改为：

var my:My = new My();
this.addElement(my);
my.videoUrl.source = "dsdasa.flv";

那么就会两种方法都正常。

造成这种现象的原因归结于flex对组件的生命周期管理，当一个mxml组件被new时，其内包含的各种组件并没有被初始化，当此mxml组件被添加到舞台即被调用addElement或者addChild方法时，才会初始化该mxml组件内部的各种组件，所以才会出现上述情况。

对于my.as，因为在代码里就直接已经new了videoUrl组件，因此就不会出现空指针了。