Ajouter

Accéder à un Bouton Spécifique dans un composant Spark ButtonBar

Voici un exemple vous montrant comment accéder à un bouton (spark Button) spécifique dans une ButtonBar dans Flex 4 Beta / Flash Builder Gumbo 4 Beta

Propriété mise en avant : dataGroup.getElementAt()

Attention : vous devez impérativement disposer du SDK 4.0.0.10007 ou supérieur.

 MXML | 
 Copier le code
 
<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.flash-builder-tutorial.fr/2009/09/20/acceder-a-un-bouton-specifique-dans-un-composant-spark-buttonbar/ -->
<s:Application name="Spark_ButtonBar_dataGroup_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo" viewSourceURL="srcview/index.html">
 
    <fx:Script>
        <![CDATA[
            import spark.components.ButtonBarButton;
 
            protected function btn1_click(evt:MouseEvent):void {
                var btnBarBtn:ButtonBarButton = btnBar.dataGroup.getElementAt(0) as ButtonBarButton;
                btnBarBtn.enabled = !btnBarBtn.enabled;
            }
        ]]>
    </fx:Script>
 
    <mx:ApplicationControlBar width="100%" cornerRadius="0">
        <s:Button id="btn1"
                label="Toggle button 1"
                click="btn1_click(event);" />
    </mx:ApplicationControlBar>
 
    <s:ButtonBar id="btnBar"
            requireSelection="true"
            horizontalCenter="0" verticalCenter="0">
        <s:dataProvider>
            <s:ArrayList source="[Flash,Builder,Tutorial,Fr]" />
        </s:dataProvider>
    </s:ButtonBar>
 
</s:Application>

Rendu final (nécessite Flash Player 10) :

Télécharger la source de l'exemple

Autre(s) source(s) proche(s) de ce sujet :

1. Définir le background color d'un composant Spark Application Control Bar dans Flash Builder 4 / Flex Gumbo
2. Styler le Bouton présent (Emphasized Button) dans un Halo Alert Control dans Flex 4
3. Afficher des Images dans un composant Spark List
4. Activation de la Tabulation dans un composant Spark Scroller
5. Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
6. Effet d'AutoScrolling sur un composant Spark TextArea
7. Ajouter un Style CSS aux différents états d'un composant Spark Button
8. Définir le BackGroundResize d'un composant Spark Border dans Flex 4
9. Définir un Style sur une Tooltip à partir d'un Composant Spark – Flex 4
10. Définir le « Corner Radius » d'un composant « Border » Spark