Question

我有一个表单，其中一个字段是一个check-all-that-apply类型字段，下面有几个复选框。我需要并排显示复选框，但由于有很多，我希望它们包装到下一行。

我尝试在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

您可能需要查看FlexLib库。他们有一个名为FlowBox的组件，我认为它会完全按照你的意愿行事。唯一的问题是我不确定FlexLib是否与Flex 4兼容。

Answer 2

试试这个：

<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>做你想要的。

Flex：水平对齐复选框，但换行到新行

2 个答案: