Вертикальная кнопки кнопок Buttonbar
-
27-09-2019 - |
Вопрос
Я создаю вертикальную полосу кнопки с 3 кнопками. Как я могу заставить ту же ширину для всех трех кнопок, чтобы она не похожа на дерьмо?
<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>
Решение
У меня тоже была эта проблема, поэтому я упал с: Verticallayout и использовал S: Tilelayout с фиксированной шириной столбца и работал
<s:ButtonBar width="142" dataProvider="{almacen}" left="10" top="10">
<s:layout>
<s:TileLayout columnWidth="142"/>
</s:layout>
</s:ButtonBar>
Другие советы
Запомни Определить пробел, чтобы избежать Расстояние между кнопками
<s:layout>
<s:TileLayout verticalGap="-1" />
</s:layout>
Не заставляя ширину или установку колонны в плане плитки, вы можете достичь того же результата, используя свойство HorizontalAlenign вертикального макета.
<s:ButtonBar id="btnBarVertical1" dataProvider="{menuData}" requireSelection="true" labelField="label">
<s:layout>
<s:VerticalLayout gap="-1" horizontalAlign="justify"/>
</s:layout>
</s:ButtonBar>
Для панели на основе значков бар наносят одни и те же свойство с IceSplaceWace.
<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>
Я надеюсь, что это поможет для динамической длины текста ...
Счастливое изгибание.
Не связан с StackOverflow