0

だから私が欲しいのは、左側の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>

どちらも機能しません。画面が小さすぎると、ボタンがトグルスイッチの上に浮かんでいます。では、どうすればこれを機能させることができますか？

4

1 に答える 1

2

おそらくもうすぐそこにいます。並べて表示したい場合は、HGroupから始めて、その親のレイアウトの「境界違反」から保護するために、clipAndEnableScrollingプロパティをオンにします。

<s:HGroup width="100%" clipAndEnableScrolling="true">
    <s:ToggleSwitch />
    <s:Rect width="100%" />
    <s:Button label="TestTestTestTestTest"/>
</s:HGroup>
于 2012-04-07T04:47:45.900 に答える