apache-flex - 具有可变大小项目的 Flex 容器

Question

我需要使用 Flex 显示水平图像列表。我不能使用水平 TileList，因为所有的图 block 都以第一项的大小结束。是否有一个 flex 控件可以让我拥有不同尺寸的元素？

编辑:项目列表最好来自数据提供者。不幸的是，Chetan Sastry 的回答中的控件仅在项目具有固定宽度时才支持数据提供程序。

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