Wie erstelle ich eine benutzerdefinierte Flex -Komponente, die Elemente darin akzeptiert?

Question

Ich habe den folgenden Code (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}" />

Die Ribbonbar ist eine benutzerdefinierte Komponente, die ich hergestellt habe und im Grunde einen Tabnavigator und einige andere Dinge enthält. Dieser Code erstellt Folgendes:

Wie Sie sehen können, verwende ich eine öffentliche Variable für die Eigenschaft "Tabs", aber ich möchte Code schreiben, damit ich dies tun kann:

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

... was dann dasselbe erzeugen würde wie der Screenshot oben.

Wie kann ich das in Adobe Flex 4+ erreichen? Ich bin wirklich neu, um sich zu beugen, also würde ich einen Kommentarcode oder eine Ausarbeitung der Antworten sehr schätzen. Vielen Dank!

Answer 1

Unter der Annahme, dass Ihre "Registerkarten" dem "DataProvider" ähnlich sind, kann Ihr Code so aktualisiert werden:

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