如何在Flex 4中創建表格網格？

Question

我想在連續3個圖像中創建一個網格，然後開始下一行 。我如何在Flex 4中？有沒有任何控制，或者你可以用Repeater做 ？還是我被迫自己做一些數學（模數在這裏我們再去）。

Answer 1

你可以使用一個TileLayout：

<s:DataGroup> 
    <s:layout> 
     <s:TileLayout /> 
    </s:layout> 
</s:DataGroup> 

當線很全，它會自動轉到下一行。

Answer 2

你可以使用一個TileList and set the columnCount property = 3

例子：

<?xml version="1.0" encoding="utf-8"?> 
<!-- http://blog.flexexamples.com/2008/08/07/setting-a-specific-number-of-columns-in-a-tilelist-control-in-flex/ --> 
<mx:Application name="TileList_columnCount_test" 
     xmlns:mx="http://www.adobe.com/2006/mxml" 
     layout="vertical" 
     verticalAlign="middle" 
     backgroundColor="white"> 

    <mx:ArrayCollection id="arrColl"> 
     <mx:source> 
      <mx:Array> 
       <mx:Object label="One" /> 
       <mx:Object label="Two" /> 
       <mx:Object label="Three" /> 
       <mx:Object label="Four" /> 
       <mx:Object label="Five" /> 
       <mx:Object label="Six" /> 
       <mx:Object label="Seven" /> 
       <mx:Object label="Eight" /> 
       <mx:Object label="Nine" /> 
       <mx:Object label="Ten" /> 
      </mx:Array> 
     </mx:source> 
    </mx:ArrayCollection> 

    <mx:ApplicationControlBar dock="true"> 
     <mx:Form styleName="plain"> 
      <mx:FormItem label="columnCount:"> 
       <mx:HSlider id="slider" 
         minimum="1" 
         maximum="5" 
         value="5" 
         snapInterval="1" 
         tickInterval="1" 
         liveDragging="true" /> 
      </mx:FormItem> 
     </mx:Form> 
    </mx:ApplicationControlBar> 

    <mx:TileList id="tileList" 
      dataProvider="{arrColl}" 
      columnCount="{slider.value}" 
      columnWidth="100" 
      rowCount="2" 
      rowHeight="100" 
      verticalScrollPolicy="on" /> 

</mx:Application>