Come si crea un componente personalizzato Flex che accetta gli elementi al suo interno?

Question

Ho il seguente codice (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}" />

Il RibbonBar è un componente personalizzato che ho fatto, che ha fondamentalmente una TabNavigator in esso e alcune altre cose. Quel codice crea questo:

Come si può vedere, sto usando una variabile pubblica per le "schede" di proprietà, ma voglio scrivere il codice in modo che io possa fare questo:

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

... che sarebbe quindi creare la stessa cosa come screenshot qui sopra.

Come posso raggiungere questo obiettivo in Adobe Flex 4+? Sono davvero una novità per Flex quindi vorrei davvero apprezzare codice commentato o qualche elaborazione delle risposte. Grazie!

Answer 1

Assumendo che il "schede" è simile al "DataProvider", il codice può essere aggiornato in questo modo:

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