Флекс контейнер с предметами переменного размера

Question

Мне нужно отобразить горизонтальный список изображений с помощью Flex. Я не могу использовать горизонтальный TileList, потому что все плитки заканчиваются размером первого элемента. Есть ли гибкое управление, которое позволит мне иметь элементы разных размеров?

Редактировать: в идеале список элементов может быть получен от поставщика данных. К сожалению, элемент управления в ответе Chetan Sastry поддерживает только поставщиков данных, если элементы имеют фиксированную ширину.

Answer 1

Как насчет HBox с Повторителем для ваших изображений?

Answer 2

Вот фрагмент кода, где я делаю то, что, как вы думаете, вы описываете. Изображения имеют различные размеры, но это отображает их в квадрате сетки. Хитрость (по крайней мере, для моих требований) состоит в том, чтобы установить высоту и 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>