如何在 MXML 类中访问 <fx:Declarations> 中的组件？

Question

是否可以在 MXML 类中将声明的组件作为 IFactory 访问？我已经多次为 Skin Parts 使用这种声明工厂的方式，但我从未弄清楚如何从 MXML 中访问这些工厂。

这是我期望的工作示例：

<fx:Declarations>
    <fx:Component id="labelDisplay">
        <s:Label fontSize="12" fontWeight="bold"/>
    </fx:Component>
</fx:Declarations>

<fx:Script>
    <![CDATA[
        override protected function createChildren():void
        {
            super.createChildren();

            var label1:Label = labelDisplay.newInstance();
            addElement(label1);

            var label2:Label = labelDisplay.newInstance();
            addElement(label2);

            var label3:Label = labelDisplay.newInstance();
            addElement(label3);
        }
    ]]>
</fx:Script>

* 编辑 *

我希望上述代码能够工作的原因是基于 Spark 蒙皮架构中处理动态皮肤部件的方式。如果上面的代码是 MXML 外观类的一部分，那么在我的宿主组件中，我可以有以下内容。

[SkinPart(required="true",type="spark.controls.Label")]
public var labelDisplay:IFactory;

在 Spark 蒙皮架构中， 什么时候变成 IFactory？

Answer 1

我研究了 Flex 的 SkinnableComponent 以根据他们如何将 MXML 外观与 AS HostComponent 绑定来找到解决方案。显然，即使“labelDisplay”没有作为具体类成员出现在 FlashBuilder 的自动完成中，您仍然可以将其作为动态属性引用。我在这里修改了我原来的例子：

<fx:Declarations>
    <fx:Component id="labelDisplay">
        <s:Label fontSize="12" fontWeight="bold"/>
    </fx:Component>
</fx:Declarations>

<fx:Script>
    <![CDATA[
        override protected function createChildren():void
        {
            super.createChildren();

            var labelFactory:ClassFactory = this["labelDisplay"];

            var label1:Label = labelFactory.newInstance();
            addElement(label1);

            var label2:Label = labelFactory.newInstance();
            addElement(label2);

            var label3:Label = labelFactory.newInstance();
            addElement(label3);
        }
    ]]>
</fx:Script>

Answer 2

我看到的问题是您没有创建 iFactory，因此无法访问 iFactory 方法。

如果需要，我会建议您进入 ActionScript 并实际创建一个 iFactory。这使用ClassFactory 类

protected var labelDisplay: iFactory = new ClassFactory(spark.controls.Label);

那么您的 createChildren 代码应该可以正常工作。