Flex Spark: comment aligner à droite une icône sur un bouton ou un bouton de tabulation?

Question

Je voudrais aligner à droite une icône sur un bouton ou un bouton de tabulation et garder le texte aligné à gauche dans Flex 4.0 Spark.

Jusqu'à présent, je suis venu avec quelque chose comme ce qui suit dans ma peau personnalisée:

<s:HGroup> 
    <s:HGroup horizontalAlign="left"> 
     <s:Label id="labelDisplay" 
       textAlign="left" 
       maxDisplayedLines="1" 
       top="10"> 
     </s:Label> 
    </s:HGroup> 

    <s:HGroup horizontalAlign="right" bottom="5" right="0"> 
     <s:BitmapImage source="@Embed('assets/images/icons/close.png')" /> 
    </s:HGroup> 
</s:HGroup> 

Mais il semble stupide d'avoir un HGroup avec 2 enfants hgroup juste pour obtenir le horizontalAlign à droite.

Quelqu'un sait-il d'une meilleure façon?

Thx, = Dave

Answer 1

Vous pouvez définir la largeur de l'étiquette à 100%.

<s:HGroup> 
    <s:Label id="labelDisplay" width="100%"/> 
    <s:BitmapImage source="@Embed('assets/images/icons/close.png')" /> 
</s:HGroup> 

Si vos boutons sont une largeur explicite, vous pouvez aussi essayer quelque chose comme ceci:

<s:HGroup> 
    <s:Label id="labelDisplay"/> 
    <mx:Spacer width="100%"/> 
    <s:BitmapImage source="@Embed('assets/images/icons/close.png')" /> 
</s:HGroup>