如何创建一个接受其中元素的自定义 Flex 组件？答案

【问题标题】：How do I create a custom Flex component that accepts elements inside it?如何创建一个接受其中元素的自定义 Flex 组件？
【发布时间】：2011-10-17 23:48:55
【问题描述】：

我有以下代码（摘录）：

<fx:Declarations>
    <fx:Array id="ribbonTabs">
        <fx:String>Home</fx:String>
        <fx:String>Help</fx:String>
    </fx:Array>
</fx:Declarations>

<cx:RibbonBar id="mainRibbon" tabs="{ribbonTabs}" />

RibbonBar 是我制作的一个自定义组件，其中基本上有一个 TabNavigator 和其他一些东西。该代码创建了这个：

如您所见，我正在为“tabs”属性使用公共变量，但我想编写代码以便执行此操作：

<cx:RibbonBar id="mainRibbon">
    <fx:ArrayList>
            <fx:String>Home</fx:String>
            <fx:String>Help</fx:String>
    </fx:ArrayList>
</cx:RibbonBar>

...然后将创建与上面的屏幕截图相同的内容。

如何在 Adobe Flex 4+ 中实现这一点？我真的是 Flex 的新手，所以我非常感谢评论代码或对答案的一些详细说明。谢谢！

【问题讨论】：

标签： actionscript-3 apache-flex flex4.5

【解决方案1】：

假设您的“选项卡”类似于“数据提供者”，您的代码可以这样更新：

<cx:RibbonBar id="mainRibbon">
    <cx:tabs>
        <fx:ArrayList>
            <fx:String>Home</fx:String>
            <fx:String>Help</fx:String>
        </fx:ArrayList> 
    </cx:tabs>
</cx:RibbonBar>

【讨论】：