actionscript-3 - Flex3 で 2 列にチェックボックスを表示する

Question

私はFlex3と初心者を使用しています。リピーターを使用してチェックボックスを作成しています。チェックボックスがたくさんあるので、すべてのチェックボックスを縦に並べたくありません。スペースを節約するために、チェックボックスを 2 列に表示したいですか? x および y プロパティに魔法をかけることができます。しかし、これを行う簡単な方法はありますか？

Answer 1

1 つのアプローチは、CheckBox のペアを 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>