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

Flex Layout – Positionnement dans un Container Tile (mx:Tile)

Le conteneur Tile arrange ses enfants sous la forme d'une grille, tout en gardant le nombre de lignes et de colonnes égal. Si un Tile ne peut pas conserver cette égalité, il crée une nouvelle ligne ou colonne, suivant la valeur de la propriété "direction".

La propriété direction d'un conteneur Tile peut prendre deux valeurs: TileDirection.HORIZONTAL et TileDirection.VERTICAL. Par défaut, les enfants sont arrangés de manière horizontale. les propriétés width et height, lorsqu'elles sont fixées jouent un rôle important dans la manière d'arranger les enfants d'un Tile. Un Tile avec des width/height fixés est forcé à satisfaire ces limites, ce qui fait qu'il ajuste le nombre de lignes et de colonnes.

Voici un exemple simple de l'implémentation de Tile dans une application Flex par défaut:

 <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
	<mx:Tile>
		<mx:Button label="1" width="60" height="60"/>
		<mx:Button label="2" width="45" height="60"/>
		<mx:Button label="3" width="60" height="60"/>
		<mx:Button label="4" width="40" height="80"/>
		<mx:Button label="5" width="80" height="100"/>
	</mx:Tile>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application