Actionscript 3 在Flex3中的两列中显示复选框

Actionscript 3 在Flex3中的两列中显示复选框,actionscript-3,apache-flex,checkbox,flex3,repeater,Actionscript 3,Apache Flex,Checkbox,Flex3,Repeater,我正在使用Flex3和一个新手。 我正在使用repeater创建复选框。 我不想垂直对齐所有复选框,因为有很多复选框。 我想在两列中显示复选框以节省空间? 我可以对x和y属性做一些魔术。 但是有什么简单的方法可以做到这一点吗?一种方法是在HBox中包装一对复选框,然后重复这一步骤。大概是这样的: <?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.co

我正在使用Flex3和一个新手。 我正在使用repeater创建复选框。 我不想垂直对齐所有复选框,因为有很多复选框。 我想在两列中显示复选框以节省空间? 我可以对x和y属性做一些魔术。
但是有什么简单的方法可以做到这一点吗?

一种方法是在HBox中包装一对复选框,然后重复这一步骤。大概是这样的:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
        import mx.collections.ArrayCollection;
        [Bindable]
        private var dp:ArrayCollection = new ArrayCollection([1, 2, 3, 4]);
        [Bindable]
        private var checkBoxLabels:ArrayCollection = new ArrayCollection([
                                                    "Red",   "Blue",
                                                    "Green", "Yellow",
                                                    "Purple","Brown",
                                                    "Gray",  "Black"]);
        ]]>
    </mx:Script>
    <mx:VBox>
        <mx:Repeater id="myRep" dataProvider="{dp}">
            <mx:HBox>
                <mx:CheckBox label="{checkBoxLabels[myRep.currentIndex*2]}"/>
                <mx:CheckBox label="{checkBoxLabels[myRep.currentIndex*2+1]}"/>
            </mx:HBox>
        </mx:Repeater>
    </mx:VBox>
</mx:WindowedApplication>