Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex 4 – Prendre toute la largeur d'une List avec un TileLayout en utilisant columnAlign

Encore un billet simpliste mais qui peut éviter de perdre 5 minutes. Si vous prenez une List Spark (Flex 4) avec un layout de type TileLayout, celui-ci ne va pas automatiquement prendre toute la largeur de la liste. Au lieu de cela, il va s'adapter au contenu de chaque case.

Pour que la mise en forme soit plus clean, il faudrait que le contenu de votre liste en prenne toute la largeur. Pour cela, il faut utiliser la propriété columnAlign de TileLayout pour la fixer à "justifyUsingWidth".

Voici un exemple:

<s:List id="specialCategoriesList" width="100%">
 <s:layout>
 <s:TileLayout horizontalAlign="justify" requestedColumnCount="2" columnAlign="justifyUsingWidth" />
 </s:layout>
</s:List>