Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Le conteneur Spark NavigatorContent

Compatible Flex 4. Cliquer pour en savoir plus sur les compatibilités.Par tannoy (Antony Chauviré), le 09 février 2011

Cet article est une traduction de l'aide Adobe Flex.

Adobe a donné son accord concernant la traduction de la documentation.

Présentation

Les conteneurs de navigation MX comprennent les conteneurs Accordion, TabNavigator et ViewStack. Les conteneurs de navigation permettent de basculer entre de multiples enfants, où les enfants sont aussi des conteneurs. Les conteneurs enfants d'un conteneur de navigation peuvent être tous les conteneurs MX et le conteneur Spark NavigatorContent.

Note: Vous ne pouvez pas utiliser de conteneurs Spark autre que le conteneur NavigatorContent en tant qu'enfant d'un conteneur de navigation MX. Pour utiliser n'importe quel conteneur Spark dans un conteneur de navigation, vous devez l'englober dans un conteneur MX ou dans un conteneur Spark NavigatorContent.

Pour plus d'informations sur les conteneurs MX, regardez MX navigator containers.

Vous ne pouvez pas utiliser un conteneur NavigatorContent en dehors d'un conteneur de navigation MX. Un conteneur NavigatorContent doit être un enfant d'un conteneur de navigation MX, comme le montre l'exemple suivant:

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkNavContent.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" width="120" height="180">
 
	<mx:Accordion>
		<s:NavigatorContent label="Pane 1"
							width="100" height="100">
			<s:layout>
				<s:VerticalLayout paddingTop="10" paddingLeft="5"/>
			</s:layout>
			<s:Label text="Text for Pane 1"/>
			<s:Button label="Button 1"/>
		</s:NavigatorContent>
		<s:NavigatorContent label="Pane 2"
							width="100" height="100">
			<s:layout>
				<s:VerticalLayout paddingTop="10" paddingLeft="5"/>
			</s:layout>
			<s:Label text="Text for Pane 2"/>
			<s:Button label="Button 2"/>
		</s:NavigatorContent>
		<s:NavigatorContent label="Pane 3"
							width="100" height="100">
			<s:layout>
				<s:VerticalLayout paddingTop="10" paddingLeft="5"/>
			</s:layout>
			<s:Label text="Text for Pane 3"/>
			<s:Button label="Button 3"/>
		</s:NavigatorContent>
	</mx:Accordion>
</s:Application>

Le fichier SWF de l'exemple ci-dessus est affiché ci-dessous :

L"extension Adobe Flash Plugin est nécessaire pour afficher ce contenu.

La valeur de la propriété label de tous les enfants de type NavigatorContent du conteneur Accordion définit le texte qui apparaît dans la zone de bouton du composant Accordion. Vous pouvez utiliser la propriété icon pour spécifier une icône dans la zone de bouton.

La politique de création des enfants d'un conteneur NavigatorContent est basée sur la politique de création du conteneur de navigation parent, comme le montre le tableau suivant:

Politique de création du conteneur de navigation parent Politique de création du conteneur NavigatorContent
none none
all all
auto none

La politique de création du conteneur NavigatorContent est définit par la propriété creationPolicy qui peut prendre comme valeur, une des constantes de la classe ContainerCreationPolicy.

Pour plus d'informations sur la politique de création, regardez About the creation policy.