Différences entre les contrôles de conteneur

Les conteneurs sont les éléments constitutifs de la mise en page de votre application et il est important de connaître les différents types de commandes de conteneur ainsi que de savoir quand les utiliser.

Conteneur	Disposition du conteneur	Conteneur de page
Un seul conteneur pouvant contenir des commandes et d'autres conteneurs à l'intérieur Conteneur	Disposition du conteneur (Container Layout) vous aide à créer une mise en page complexe avec différentes sections (conteneurs). Disposition du conteneur	Le Conteneur de pages (Page container) peut héberger une autre page dans la page actuelle Conteneur de page
Grandit en fonction de la taille de son contenu	A une hauteur fixe. La largeur est basée sur une grille et rétrécit et augmente en fonction de la largeur de l'écran	Croît en fonction de la taille de la page imbriquée
Sert à aligner un groupe d'éléments de la même manière Sert à aligner un autre élément Il est possible d'imbriquer des conteneurs Les conteneurs imbriqués sont utilisés si vous souhaitez aligner/positionner les éléments dans le conteneur intérieur différemment du conteneur extérieur Le nombre de conteneurs imbriqués est illimité. Cependant, il est généralement conseillé de ne pas dépasser 4 niveaux de conteneurs imbriqués pour en garantir la maintenabilité et les performances	Sert à créer une mise en page (structure) de page Il n'est pas recommandé de l'utiliser dans d'autres conteneurs/commandes que la page L'utilisation de mises en page de conteneurs imbriqués augmentera le nombre d'espaces supplémentaires et de problèmes de maintenance	Utile pour réutiliser des composants dans votre application, par exemple : lorsque vous souhaitez avoir un en-tête ou un corps cohérent sur différentes pages de votre application Aide à la maintenabilité

Exemple d'aligement de commandes à l'aide de conteneurs

L'exemple ci-dessous montre un formulaire simple dans lequel vous devez collecter les informations suivantes auprès de l'utilisateur : prénom, nom, adresse e-mail et école. Bien que les zones de saisie Adresse e-mail (Email) et École (School) puissent être l'une en dessous de l'autre, nous voulions que le prénom et le nom soient disponibles côte à côte. Ceci peut être effectué en suivant les étapes suivantes

• Ajouter un nouveau conteneur
• Définir la disposition du conteneur sur « horizontal »

• Ajouter les deux zones de texte dans le conteneur