关于 HDivideBox 和 HGroup 的布局问题

Question

在 Flex 4.5 中使用 HDivideBox 时遇到两个布局问题：

1. 当我向左拖动垂直分隔条时，左上角的标签和 3 个单选按钮不会分成 2 行。而是与右上角的标签重叠。请问有没有办法让它更灵活。

2. 由于某种原因，我无法将垂直分隔条拖到右侧，而不是上面的屏幕截图。而且我需要做一点，这样左边的List中就可以显示3个矩形了。

下面是我的代码，请指教。

<mx:HDividedBox height="100%">

<s:VGroup width="100%" height="100%" horizontalAlign="justify">
    <s:HGroup verticalAlign="baseline">
        <s:Label text="Игровые столы:" />
        <s:RadioButton groupName="_group" label="Все" />
        <s:RadioButton groupName="_group" label="Свободные" />
        <s:RadioButton groupName="_group" label="Полные" />
    </s:HGroup>

    <s:List itemRenderer="Game" dataProvider="{_games}" height="100%">
        <s:layout>
            <s:TileLayout />
        </s:layout>
    </s:List>   
</s:VGroup> 

<s:VGroup width="100%" height="100%" horizontalAlign="justify">
    <s:Label text="Игроки в лобби:" verticalAlign="bottom" />
</s:VGroup> 

</mx:HDividedBox>

Answer 1

问题的第一部分。您可以为左侧的标签和单选按钮使用某种流布局而不是水平布局。例如this layout。

第二部分与容器的最小宽度有关。尝试改变它。类似于以下内容：

<mx:HDividedBox height="100%">

<s:VGroup width="100%" height="100%" horizontalAlign="justify">
    <s:HGroup verticalAlign="baseline">
        <s:Label text="Игровые стулья:" />
        <s:RadioButton groupName="_group" label="Все" />
        <s:RadioButton groupName="_group" label="Свободные" />
        <s:RadioButton groupName="_group" label="Полные" />
    </s:HGroup>

    <s:List itemRenderer="Game" dataProvider="{_games}" height="100%">
        <s:layout>
            <s:TileLayout />
        </s:layout>
    </s:List>   
</s:VGroup> 

<s:VGroup width="100%" height="100%" horizontalAlign="justify" minWidth="50">
    <s:Label text="Игроки в лобби:" verticalAlign="bottom" />
</s:VGroup> 

</mx:HDividedBox>