Conteneur Flex avec des éléments de taille variable

Question

J'ai besoin d'afficher une liste horizontale d'images en utilisant Flex. Je ne peux pas utiliser un TileList horizontal car les tuiles finissent toutes par la taille du premier élément. Y at-il un contrôle de flexion qui me permettra d'avoir des articles de différentes tailles?

Editer: La liste des articles devrait idéalement provenir d'un fournisseur de données. Malheureusement, le contrôle dans la réponse de Chetan Sastry ne prend en charge les fournisseurs de données que si les éléments ont une largeur fixe.

Answer 1

Voici un segment de code où je fais ce que je pense que vous décrivez. Les images sont de tailles différentes, mais cela les affiche dans une grille quadrillée. L'astuce (au moins pour mes besoins) est de définir la hauteur et minWidth pour le conteneur qui va dans chaque cellule.

<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

Que diriez-vous d'un HBox avec un Repeater pour vos images?