关于HDivideBox和HGroup的布局问题

Question

在Flex 4.5中使用HDivideBox时，我遇到了2个布局问题：

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

2. 出于某种原因，我无法将垂直分隔栏向右拖动，而不是上面的屏幕截图。我需要做一点，这样就可以在左边的列表中显示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>