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