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

Flex Layout – Le composant Spacer (mx:Spacer)

Le composant Spacer peut vous aider à gérer votre mise en page Flex. Il est utilisé dans des conteneurs, quand vous avez besoin de positionner un enfant et que le conteneur ne vous donner pas un contrôle précis comme le conteneur Canvas. Le composant Spacer est traité comme n'importe quel composant. Il peut être ajouté à un conteneur, et on peut lui donner une hauteur et une largeur. Une fois ajouté à un composant, il n'est pas rendu à l'écran. Au lieu de cela, il va juste occuper l'espace comme un composant le ferai normalement.
L'application Flex suivante montre un cas simple où trois boutons sont affichés. Ces boutons sont placés dans une HBox, et l'on a besoin d'un espace supplémentaire entre le premier et le deuxième bouton. Pour cela, on intercale un composant Spacer avec une largeur de 40px:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
	<mx:HBox>
		<mx:Button label="Premier"/>
		<mx:Spacer width="40"/>
		<mx:Button label="Second"/>
		<mx:Button label="Troisième"/>
	</mx:HBox>
</mx:Application>

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

Les Spacer sont très utiles pour ajuster la position de vos enfants facilement. Bien que vous soyez tentés d'utiliser le composant Spacer de partout, il est recommendé de revoir d'abord la raison pour laquelle vous avez besoin d'un espace et vous trouverez parfois d'autres mise en page pouvant le gérer de manière plus simple (d'autres conteneurs, jouer avec les padding ...).