如何访问中的组件在 MXML 类中？

Question

是否可以在 MXML 类中将声明的组件作为 IFactory 进行访问？我已经多次使用这种声明工厂的方式来声明皮肤部件，但我从未弄清楚如何从 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 Skin 绑定到 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 代码应该按原样工作。