当 SkinnableComponent 中的所有 SkinSpart 都可用时会触发什么事件？

Question

我正在（慢慢地）学习 Flex 4 并致力于为扩展 SkinnableComponent 的自定义组件设计皮肤。该组件全部在 ActionScript 中，基本上如下所示：

package components
{
    import spark.components.supportClasses.SkinnableComponent

    [SkinState("normal")]
    [SkinState("over")] 
    [SkinState("selected")]     
    public class AccountSummary extends SkinnableComponent
    {
        [Bindable]
        public var itemIndex:int = 0;

        [Bindable]
        public var accountName:String = "";

        [Bindable]
        public var accountNumber:String = "";   

        [Bindable]
        public var currentBalance:String = "";  

        [SkinPart(required="true")]
        public var lblAccountName:Label;

        [SkinPart(required="true")]
        public var lblCurrentBalance:Label;

        [SkinPart(required="true")]
        public var lblAccountNumber:Label;

        [SkinPart(required="true")]
        public var lblLastUpdated:Label;

        public function AccountSummary()
        {
            super();

            lblAccountName.text = accountName;
            lblCurrentBalance.text = currentBalance;
            lblAccountNumber.text = "Acc: " + accountNumber;
            lblLastUpdated.text = "Last Updated: "; 
        }

        override protected function getCurrentSkinState():String
        {
            return "normal";
        }
    }
}

我遇到的问题是各种 SkinPart 的构造函数中的 NULL REFERENCES，因为它们尚未创建。我试图找出访问它们以分配其 .text 值的最佳时间。我知道我可以覆盖 partAdded() 并在添加每个部分时添加 .text 值，但我宁愿只监听一些在它们都可用时调度的魔术事件。

我不确定这是否重要，但 accountName、accountNumber 变量是通过在主机组件上使用带有 dataProvider 的转发器来分配的。我不确定这是否也与 AccountSummary 组件何时可以使用数据有关——这可能还需要等待。我能够成功地使用 FlexEvent.CREATION_COMPLETE 将我所有的 .text 值分配给 SkinParts，但这是正确的事件/最佳实践吗？任何帮助将不胜感激！

Answer 1

您需要阅读Flex 4 Component LifeCycle，特别是关于component instantiation 的文章。构造函数执行时不会创建任何内容。您引用的值（accountName、lblCurrentBalance 等）也不会超出默认状态。

您想在 partAdded() 方法中设置默认值。将你的构造函数代码改写成这样：

    public function AccountSummary()
    {
        super();

    }

override protected function partAdded(partName : String, instance: Object):void{
 super.partAdded(partName, instance);
 if(instance == lblAccountName){
            lblAccountName.text = accountName;
 else if(instance == lblCurrentBalance){

 } else if (instance == lblCurrentBalance){
   lblCurrentBalance.text = currentBalance;
 } else if (instance == lblAccountNumber){
  lblAccountNumber.text = "Acc: " + accountNumber;
 } else if (instance == lblLastUpdated){
  lblLastUpdated.text = "Last Updated: "; 
 }

}

如果您是一名新程序员，您可能需要花一些时间来学习一些基本的编程概念。这个ActionScript 3 Guide 可以帮助您入门。如果您有其他语言的经验，但对 Flex 不熟悉，我强烈建议您花几天时间阅读 full flex documentation 以帮助您了解它。