0

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

在此处输入图像描述

  1. 当我将垂直分隔条向左拖动时,左上角的标签和 3 个单选按钮不会分成 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>
4

1 回答 1

1

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

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

<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>
于 2011-08-30T14:58:40.663 回答