Comment puis-je créer un composant Flex personnalisé qui accepte des éléments à l'intérieur?

Question

Je le code suivant (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}" />

Le RibbonBar est un composant personnalisé que j'ai fait, qui a essentiellement un TabNavigator en elle et d'autres choses. Ce code crée ceci:

Comme vous pouvez le voir, j'utilise une variable publique pour la propriété « onglets », mais je veux écrire du code pour que je puisse faire ceci:

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

... qui serait alors créer la même chose que la capture d'écran ci-dessus.

Comment puis-je parvenir dans Adobe Flex 4 +? Je suis vraiment nouveau Flex donc j'apprécierais vraiment code commenté ou quelques précisions sur les réponses. Merci!

Answer 1

En supposant que vos « onglets » est similaire à la « dataprovider », votre code peut être mis à jour comme celui-ci:

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