Flex: выровнять флажки по горизонтали, но перенести на новую строку

Question

У меня есть форма, и одно из полей - это поле типа проверки "все, что применяется" с несколькими флажками под ним. Мне нужно отображать флажки рядом, но поскольку их много, я хочу, чтобы они переносились на следующую строку.

Я пытался использовать HGroup внутри FormItem и вокруг них всех, но при этом все они отображаются на одной строке без переноса строк.

<mx:FormItem>
  <s:HGroup>    
     <s:CheckBox content="item 1" />
     <s:CheckBox content="item 2" />
     <s:CheckBox content="item 3" />
     <s:CheckBox content="item 4" />
     <s:CheckBox content="item 5" />
     <s:CheckBox content="item 6" />
     <s:CheckBox content="item 7" />
     <s:CheckBox content="item 8" />
  </s:HGroup>   
</mx:FormItem>

Мне нужно, чтобы они отображались горизонтально, но все равно как-то переносятся на следующую строку. Есть идеи?

Answer 1

Попробуйте это:

<s:Group>    
    <s:layout><s:TileLayout/></s:layout>
    <s:CheckBox content="item 1" />
    <s:CheckBox content="item 2" />
    <s:CheckBox content="item 3" />
    <s:CheckBox content="item 4" />
    <s:CheckBox content="item 5" />
    <s:CheckBox content="item 6" />
    <s:CheckBox content="item 7" />
    <s:CheckBox content="item 8" />
</s:Group>   

Flex 4 позволяет определять макет для групп внутри тега <layout>, а <TileLayout> делает то, что вы хотите.

Answer 2

Вы можете проверить библиотеку FlexLib . У них есть компонент под названием FlowBox , который, я думаю, будет делать именно то, что вы хотите. Единственное, что я не уверен, совместим ли FlexLib с Flex 4 или нет.