Vertical boutons ButtonBar Largeur

StackOverflow https://stackoverflow.com/questions/2649049

  •  27-09-2019
  •  | 
  •  

Question

Je crée une barre de boutons verticale avec 3 boutons. Comment puis-je forcer la même largeur pour les trois boutons de sorte qu'il ne ressemble pas à la merde? 

<s:ButtonBar x="10" y="10" dataProvider="{viewstack1}" >
    <s:layout>
        <s:VerticalLayout gap="-1"/>
    </s:layout>
</s:ButtonBar>
<mx:ViewStack id="viewstack1" left="115" paddingRight="0" right="0" bottom="0" top="0">
    <s:NavigatorContent label="ABC Products" width="100%" height="100%"><custom:Banner  width="100%" height="100%"/></s:NavigatorContent>
    <s:NavigatorContent label="Btn Player" width="100%" height="100%"><custom:Player /></s:NavigatorContent>
    <s:NavigatorContent label="Btn Cleaner" width="100%" height="100%"><custom:Cleaner width="100%"/></s:NavigatorContent>
</mx:ViewStack>
Était-ce utile?

La solution

J'avais ce problème trop donc je laissé tomber: s VerticalLayout et utilisé s: TileLayout avec une largeur de colonne fixe et cela a fonctionné 

<s:ButtonBar width="142" dataProvider="{almacen}" left="10" top="10">
   <s:layout>
      <s:TileLayout columnWidth="142"/>
   </s:layout>
</s:ButtonBar>

Autres conseils

Rappelez-vous à définir l'écart , afin d'éviter distance entre les boutons 

<s:layout>
   <s:TileLayout verticalGap="-1" />
</s:layout>

Sans forcer la largeur ou le réglage de la mise en page columnWidth en carrelage vous pouvez obtenir le même résultat en utilisant la propriété horizontalAlign de la mise en page verticale. 

<s:ButtonBar id="btnBarVertical1" dataProvider="{menuData}" requireSelection="true" labelField="label">
      <s:layout>
            <s:VerticalLayout gap="-1" horizontalAlign="justify"/>
      </s:layout>
</s:ButtonBar>

Pour l'icône barre de boutons en fonction d'appliquer la même propriété avec iconPlacement en haut comme ça ... 

<s:ButtonBar id="btnBarVertical2" dataProvider="{menuDataWithIcon}" requireSelection="true" labelField="label" 
                iconField="icon" iconPlacement="top">
    <s:layout>
        <s:VerticalLayout gap="-1" horizontalAlign="justify"/>
    </s:layout>
</s:ButtonBar>

J'espère que cela aide pour les longueurs du texte dynamique ...

Happy flexions.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top