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

Question

我有以下代码（Exerpt）：

<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}" />

功能带是我制作的一种自定义组件，它基本上有一个tabnavigator和其他一些东西。该代码创建了以下方式：

如您所见，我正在为“标签”属性使用公共变量，但是我想编写代码，以便我可以这样做：

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

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

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

Answer 1

假设您的“选项卡”类似于“ DataProvider”，则可以这样更新您的代码：

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