¿Cómo creo un componente flexible personalizado que acepte elementos dentro de él?

Question

Tengo el siguiente código (Exerct):

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

La barra de cinta es un componente personalizado que hice, que básicamente tiene un tabnavigator y algunas otras cosas. Ese código crea esto:

Como puede ver, estoy usando una variable pública para la propiedad "Tabs", pero quiero escribir código para poder hacer esto:

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

... que luego crearía lo mismo que la captura de pantalla anterior.

¿Cómo puedo lograr esto en Adobe Flex 4+? Soy realmente nuevo en Flex, así que realmente agradecería el código comentado o alguna elaboración en las respuestas. ¡Gracias!

Answer 1

Suponiendo que sus "pestañas" es similar a la "Dataprovider", su código se puede actualizar así:

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