Flex3의 2 열의 체크 박스 표시

Question

Flex3와 초보자를 사용 중입니다. 리피터를 사용하여 체크 박스를 만듭니다. 체크 박스가 많기 때문에 모든 확인란을 수직으로 정렬하고 싶지 않습니다. 공간을 절약하기 위해 2 개 열의 확인란을 표시하고 싶습니까? x 및 y 속성에 대한 마법을 사용할 수 있습니다. 그러나 이것을 수행하는 쉬운 방법이 있습니까?

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