2009-02-07 62 views
3

我需要使用Flex顯示圖像的水平列表。我無法使用水平TileList,因爲所有貼圖都以第一個項目的大小結束。是否有一個可以讓我擁有不同尺寸的物品的彈性控制?具有可變尺寸項目的柔性容器

編輯:物品清單最好來自數據提供者。不幸的是,如果項目的寬度固定,Chetan Sastry的答案中的控件僅支持數據提供者。

回答

1

這是一段代碼段,我在做我認爲你所描述的內容。這些圖像有各種尺寸,但是它們以平方網格顯示。技巧(至少對於我的要求)是設置進入每個單元格的容器的高度和最小寬度。

<mx:TileList id="imgTiles" width="100%" height="100%" 
     paddingTop="2" paddingBottom="2" paddingLeft="2" paddingRight="2" 
     itemClick="eTilesClick(event)">  
    <mx:itemRenderer> 
     <mx:Component> 
      <mx:VBox horizontalAlign="center" 
        height="250" minWidth="150" 
        horizontalScrollPolicy="off" verticalScrollPolicy="off" 
        borderColor="#D2D2D2" borderThickness="1" 
        borderStyle="solid"> 
       <mx:Label text="{data.imageCaption}" height="15" fontSize="10" fontWeight="bold"/> 
       <mx:Image source="{data.thumbnailUrl}" width="100%"/> 
      </mx:VBox> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:TileList>