Question

所以我想要的是左边的ToggleSwitch和右边的Button。当屏幕太小时，我希望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也不工作。当屏幕太小时，按钮浮动在切换开关上方。那我怎么能让它发挥作用呢？

Answer 1

你可能几乎就在那里，如果你想并排，只要从HGroup开始并防止布局“边界违规”它的父亲，打开clipAndEnableScrolling属性。

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

Flex MXML布局问题

1 个答案: