手机
当前位置:查字典教程网 >网页设计 >Flash教程 >关于Flex 初始化的research
关于Flex 初始化的research
摘要:后来研究发现,不是取不到,而是在createChildren的时候,自定义的objcet还没有被赋值,只有当该组件的init事件之后才会被赋...

后来研究发现,不是取不到,而是在createChildren的时候,自定义的objcet还没有被赋值,只有当该组件的init事件之后才会被赋值,代码如下:

APP:

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute" xmlns:com="com.*">

<mx:Script>

<>

</mx:Script>

<com:CustomPanel width="100%" height="100%" label="FlexInitResearch">

<com:CustomButton label="Button"

customString="customString test" customObject="{o}"/>

</com:CustomPanel>

</mx:Application>

CustomPanel:

复制代码 代码如下:

package com

{

import mx.containers.Panel;

import mx.events.FlexEvent;

public class CustomPanel extends Panel

{

public function CustomPanel()

{

super();

this.addEventListener(FlexEvent.PREINITIALIZE, onPreInit);

this.addEventListener(FlexEvent.INITIALIZE, onInit);

this.addEventListener(FlexEvent.CREATION_COMPLETE, onCreationComplete);

this.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppInitComplete);

}

//=================================

// event handler

//=================================

private function onPreInit(event:FlexEvent):void

{

trace("CustomPanel[ PreInit ]");

}

private function onInit(event:FlexEvent):void

{

trace("CustomPanel[ Init ]");

}

private function onCreationComplete(event:FlexEvent):void

{

trace("CustomPanel[ CreationComplete ]");

}

private function onAppInitComplete(event:FlexEvent):void

{

trace("CustomPanel[ AppInitComplete ]");

}

//=================================

// override function

//=================================

override protected function createChildren():void

{

trace("CustomPanel[ Begin to createChildren ]");

super.createChildren();

trace("CustomPanel[ The end of createChildren ]");

}

override protected function measure():void

{

trace("CustomPanel[ Begin to measure ]");

super.measure();

trace("CustomPanel[ The end of measure ]");

}

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void

{

trace("CustomPanel[ Begin to updateDisplayList ]");

super.updateDisplayList(unscaledWidth, unscaledHeight);

trace("CustomPanel[ The end of updateDisplayList ]");

}

override protected function layoutChrome(unscaledWidth:Number, unscaledHeight:Number):void

{

trace("CustomPanel[ Begin to layoutChrome ]");

super.layoutChrome(unscaledWidth, unscaledHeight);

trace("CustomPanel[ The end of layoutChrome ]");

}

override protected function commitProperties():void

{

trace("CustomButton[ Begin to commitProperties ]");

super.commitProperties();

trace("CustomButton[ The end of commitProperties ]");

}

}

}

CustomButton:

复制代码 代码如下:

package com

{

import mx.controls.Button;

import mx.events.FlexEvent;

public class CustomButton extends Button

{

//=================================

// properties

//=================================

private var _customString:String = "";

private var _customObject:Object = null;

public function get customString():String

{

return _customString;

}

//string

public function set customString(value:String):void

{

trace("CustomButton( set customString )");

_customString = value;

}

//object

public function get customObject():Object

{

return _customObject;

}

public function set customObject(value:Object):void

{

trace("CustomButton( set customObject )");

_customObject = value;

}

//=================================

// Constructor

//=================================

public function CustomButton()

{

trace("CustomButton( Begin to Constructor )");

super();

this.addEventListener(FlexEvent.PREINITIALIZE, onPreInit);

this.addEventListener(FlexEvent.INITIALIZE, onInit);

this.addEventListener(FlexEvent.CREATION_COMPLETE, onCreationComplete);

this.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppInitComplete);

trace("CustomButton( The end of Constructor )");

}

//=================================

// event handler

//=================================

private function onPreInit(event:FlexEvent):void

{

trace("CustomButton( PreInit )");

}

private function onInit(event:FlexEvent):void

{

trace("CustomButton( Init )");

}

private function onCreationComplete(event:FlexEvent):void

{

trace("CustomButton( Creation Complete )");

}

private function onAppInitComplete(event:FlexEvent):void

{

trace("CustomButton( AppInitComplete )");

}

//=================================

// override function

//=================================

override protected function createChildren():void

{

trace("CustomButton( Begin to createChildren )");

super.createChildren();

trace("CustomButton( The end of createChildren )");

}

override protected function measure():void

{

trace("CustomButton( Begin to measure )");

super.measure();

trace("CustomButton( The end of measure )");

}

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void

{

trace("CustomButton( Begin to updateDisplayList )");

super.updateDisplayList(unscaledWidth, unscaledHeight);

trace("CustomButton( The end of updateDisplayList )");

}

override protected function commitProperties():void

{

trace("CustomButton( Begin to commitProperties )");

super.commitProperties();

trace("CustomButton( The end of commitProperties )");

}

}

}

最后运行的结果是:

CustomPanel[ PreInit ]

CustomPanel[ Begin to createChildren ]

CustomButton( Begin to Constructor )

CustomButton( The end of Constructor )

CustomButton( set customString ) //基本变量(String,Number(int,uint),Boolean)在PreInit 之前就被赋值

CustomButton( PreInit )

CustomButton( Begin to createChildren )

CustomButton( The end of createChildren )

CustomButton( Init )

CustomButton( set customObject ) //自定义对象变量在 Init之后才能被赋值,所以在createChildren中取不到

CustomPanel[ Init ] //有子控件的时候,Init 事件是在createChildren中发出的

CustomPanel[ The end of createChildren ]

CustomButton( set customObject )

CustomButton[ Begin to commitProperties ]

CustomButton[ The end of commitProperties ]

CustomButton( Begin to commitProperties )

CustomButton( The end of commitProperties )

CustomButton( Begin to measure )

CustomButton( The end of measure )

CustomPanel[ Begin to measure ]

CustomPanel[ The end of measure ]

CustomPanel[ Begin to updateDisplayList ]

CustomPanel[ Begin to layoutChrome ]

CustomPanel[ The end of layoutChrome ] //证明layoutChrome是在updateDisplayList 中被调用的

CustomPanel[ The end of updateDisplayList ]

CustomButton( Begin to updateDisplayList )

CustomButton( The end of updateDisplayList )

CustomButton( Creation Complete )

CustomPanel[ CreationComplete ]

后来又发现,在MXML中设置基本变量和对象变量有一定区别,那就是对象变量必须要用大括号{}包起来,于是就想,会不会是绑定造成的,将APP改成如下,发现跟预想中的一样,最后的输出结果与上面的一样:

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute" xmlns:com="com.*">

<mx:Script>

<>

</mx:Script>

<com:CustomPanel width="100%" height="100%" label="FlexInitResearch">

<com:CustomButton label="Button"

customString="customString test" customObject="{o}"/>

</com:CustomPanel>

</mx:Application>

为了进一步确定是由于绑定造成的赋值时期不一致,我又做了如下的一个试验,不使用绑定给对象变量赋值:

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute" xmlns:com="com.*">

<com:CustomPanel width="100%" height="100%" label="FlexInitResearch">

<com:CustomButton label="Button"

customString="customString test">

<com:customObject>

<mx:ArrayCollection/>

</com:customObject>

</com:CustomButton>

</com:CustomPanel>

</mx:Application>

其结果为:

CustomPanel[ PreInit ]

CustomPanel[ Begin to createChildren ]

CustomButton( Begin to Constructor )

CustomButton( The end of Constructor )

CustomButton( set customString )

CustomButton( set customObject ) //赋值时间与基本变量相同

CustomButton( PreInit )

CustomButton( Begin to createChildren )

CustomButton( The end of createChildren )

CustomButton( Init )

CustomPanel[ Init ]

CustomPanel[ The end of createChildren ]

CustomButton[ Begin to commitProperties ]

CustomButton[ The end of commitProperties ]

CustomButton( Begin to commitProperties )

CustomButton( The end of commitProperties )

CustomButton( Begin to measure )

CustomButton( The end of measure )

CustomPanel[ Begin to measure ]

CustomPanel[ The end of measure ]

CustomPanel[ Begin to updateDisplayList ]

CustomPanel[ Begin to layoutChrome ]

CustomPanel[ The end of layoutChrome ]

CustomPanel[ The end of updateDisplayList ]

CustomButton( Begin to updateDisplayList )

CustomButton( The end of updateDisplayList )

CustomButton( Creation Complete )

CustomPanel[ CreationComplete ]

问题确定,所以以后再createChildren 中使用自定义对象变量的时候必须要注意,否则就会出现空指针之类的问题了。

【关于Flex 初始化的research】相关文章:

Flash如何制作旋转动画效果

as中禁用ESC键

Flash AS教程:_visible属性的详细讲解

flash 超链接问题

Flash绘制有趣脸形图

Flash 代码制作漂亮的下雪动画的效果

flash套索工具教程

flash制作扇子张开收合的gif动画效果

关于Flash层的深度处理问题

Flash程序的测试方法

精品推荐
分类导航