3

3 つのボタンを持つ垂直ボタン バーを作成しています。がらくたのように見えないように、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>
4

3 に答える 3

1

私もその問題を抱えていたので、s:VerticalLayoutを削除し、列幅を固定したs:TileLayoutを使用しましたが、うまくいきました 

<s:ButtonBar width="142" dataProvider="{almacen}" left="10" top="10">
   <s:layout>
      <s:TileLayout columnWidth="142"/>
   </s:layout>
</s:ButtonBar>
于 2010-12-06T15:26:23.140 に答える
0

ボタン間の距離を避けるために、ギャップを定義することを忘れないでください

<s:layout>
   <s:TileLayout verticalGap="-1" />
</s:layout>
于 2012-06-17T16:15:41.510 に答える
0

幅を強制したり、タイル レイアウトで columnWidth を設定したりしなくても、垂直レイアウトの horizo​​ntalAlign プロパティを使用して同じ結果を得ることができます。

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

アイコンベースのボタンバーの場合、このように iconPlacement を使用して同じプロパティをトップに適用します...

<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>

これが動的なテキストの長さに役立つことを願っています...

ハッピーフレックス。

于 2014-04-07T06:53:10.850 に答える