Как создать пользовательский гибкий компонент, который принимает элементы внутри него?

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

Ribbonbar - это пользовательский компонент, который я сделал, в основном в нем есть табнавигатор и некоторые другие вещи. Этот код создает это:

Как видите, я использую публичную переменную для свойства «вкладки», но я хочу написать код, чтобы я мог сделать это:

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

... что тогда создаст то же самое, что и скриншот выше.

Как я могу достичь этого в Adobe Flex 4+? Я действительно новичок в гибке, поэтому я очень признателен закомментированным кодом или некоторой разработкой ответов. Спасибо!

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>