Diferencias entre los controles de los contenedores

Los contenedores son los bloques de construcción para el diseño de tu aplicación y es importante entender los diferentes tipos de controles de contenedores y cuándo utilizarlos.

Contenedor	Diseño de contenedor	Contenedor de página
Un único contenedor que puede albergar controles y otros contenedores en su interior. Contenedor	Container Layout te ayuda a construir un diseño complejo con varias secciones (contenedores). Diseño de contenedor	El contenedor de página puede albergar otra página en la página actual Contenedor de página
Crece en función del tamaño de su contenido	Tiene una altura fija. La anchura se basa en la cuadrícula y disminuye y aumenta en función de la anchura de la pantalla.	Crece en función del tamaño de la página anidada
Se utiliza para alinear un grupo de elementos de forma similar Se utiliza para alinear un elemento específico diferente al de otros elementos Los contenedores anidados son posibles Los contenedores anidados se utilizan si se desea alinear/posicionar los elementos del contenedor interior de forma diferente al exterior No hay límite en el número de contenedores anidados. Sin embargo, en general se aconseja no superar los 4 niveles de contenedores anidados por razones de mantenimiento y rendimiento	Se utiliza para crear un diseño (estructura) para una página No se recomienda su uso dentro de otros contenedores/control que no sean de la página El uso de diseños de contenedores anidados provocará espacios adicionales y problemas de mantenimiento	Útil para reutilizar componentes en tu aplicación, por ejemplo, cuando quieres tener una cabecera consistente o un cuerpo consistente en diferentes páginas de tu aplicación Ayuda a la mantenibilidad

Ejemplo de cómo alinear los controles mediante contenedores

El siguiente ejemplo muestra un formulario sencillo, en el que se desea recoger la siguiente información del usuario: Nombre, Apellido, Correo electrónico y Escuela. Aunque los cuadros de entrada de Correo electrónico y Escuela pueden estar uno debajo del otro, queríamos que el Nombre y el Apellido estuvieran disponibles uno al lado del otro. Se puede lograr mediante los siguientes pasos

• Añade un nuevo contenedor
• Cambia la disposición del contenedor a Horizontal
• Añade los dos cuadros de texto dentro del contenedor

•