Вопросы по макету о HDivideBox и HGroup - PullRequest
Новая
       35

Вопросы по макету о HDivideBox и HGroup

0 голосов
/ 30 августа 2011

При работе с HDivideBox в Flex 4.5 у меня возникают 2 проблемы с макетом:

enter image description here

  1. Когда я перетаскиваю вертикальную разделительную полосу влево, метка и 3 кнопки RadioB вверху слева не разбиваются на 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>

1 Ответ

1 голос
/ 30 августа 2011

Первая часть вопроса.Вы можете использовать какую-то компоновку потока вместо горизонтальной компоновки для ярлыков и переключателей на левой стороне.Например этот макет .

Вторая часть относится к минимальной ширине контейнера.Попробуйте изменить это.Примерно так: 

<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>
...