Flex MXMLレイアウトの問題

Question

私は、ToggleSwitchを左に、Buttonを右にしたいと思います。画面が小さすぎる場合は、ボタンを小さくして「...」を表示します。だから私は使用した：

<s:Group width="100%"> 
    <s:layout> 
     <s:HorizontalLayout verticalAlign="middle"/> 
    </s:layout> 
    <s:ToggleSwitch /> 
    <s:Spacer width="100%"/> 
    <s:Button label="TestTestTestTestTest"/> 
</s:Group> 

これは、画面がボタンのラベルテキスト全体に収まらないように画面が小さくなるまでうまくいきます。両方のコンポーネントが画面の左右に浮いています。

は、だから私は基本的なレイアウトを使用して、それを試してみました：

<s:Group width="100%"> 
    <s:ToggleSwitch left="0" /> 
    <s:Button right="0" label="TestTestTestTestTest"/> 
</s:Group> 

Doens't仕事をどちらか。画面が小さすぎると、ボタンはトグルスイッチ上に浮いています。 これをどのように機能させることができますか？

Answer 1

横並びにしたい場合は、HGroupで始まり、その親のレイアウト「境界違反」から保護するために、clipAndEnableScrollingプロパティをオンにします。

<s:HGroup width="100%" clipAndEnableScrolling="true"> 
    <s:ToggleSwitch /> 
    <s:Rect width="100%" /> 
    <s:Button label="TestTestTestTestTest"/> 
</s:HGroup>