Question

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

编辑：理想情况下，项目列表来自数据提供者。不幸的是，Chetan Sastry的答案中的控件仅支持数据提供者，如果项目具有固定的宽度。

Answer 1

这是一个代码段，我在那里做我认为你正在描述的内容。图像是各种尺寸，但这会以方形网格显示。诀窍（至少对我的要求）是设置进入每个单元格的容器的高度和minWidth。

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

Answer 2

HBox如果你的图片有Repeater怎么样？

Flex容器，具有可变大小的项目

2 个答案: