Introducción a los paneles WPF

Los paneles son uno de los tipos de controles más importantes de WPF. Actúan como contenedores para otros controles, y manejan el layout de tus ventanas o páginas. A diferencia de una ventana, que sólo puede contener UN control hijo; un panel es usado comunmente para dividir el espacio en áreas, donde cada área puede contener un control u otro panel (que es, al finl y al cabo, otro control).

Los paneles vienen en varios sabores diferentes, con cada uno de ellos teniendo su propio modo de lidiar con el diseño y los controles hijos. Elegir el panel correcto es esencial para obtener el comportamiento y el diseño que deseas, y especialmente al inicio de tu carrera en WPF, este puede ser un trabajo difícil. La próxima sección describirá cada uno de los paneles brevemente y te dará una idea de cuándo usarlo. Después de eso, avanza a los próximos capítulos, donde cada uno de los paneles se describirá en detalle.

Canvas

Un panel simple, que imita la forma de hacer las cosas de WinForms. Te permite asignar coordenadas específicas a cada uno de los controles secundarios, lo que te da un control total del diseño. Sin embargo, esto no es muy flexible, porque tienes que mover manualmente los controles secundarios y asegurarte de que se alineen de la forma que deseas. Úsalo (solo) cuando desees un control completo de las posiciones de los controles hijos.

WrapPanel

El WrapPanel colocará cada uno de sus controles hijos uno junto al otro, horizontalmente (predeterminado) o verticalmente, hasta que no haya más espacio, donde se ajustará a la siguiente línea y luego continuará. Úsalo cuando desees un control de lista vertical u horizontal que se ajusta automáticamente cuando no hay más espacio.

StackPanel

El StackPanel actúa de manera muy parecida al WrapPanel, pero en lugar de adaptarse si los controles secundarios ocupan demasiado espacio, simplemente se expande, si es posible. Al igual que con WrapPanel, la orientación puede ser horizontal o vertical, pero en lugar de ajustar el ancho o la altura de los controles hijos en función del elemento más grande, cada elemento se estira para abarcar todo el ancho o la altura. Use el StackPanel cuando desee una lista de controles que ocupe todo el cuadrante disponible, sin adaptarlos.

DockPanel

El DockPanel te permite acoplar los controles hijos a la parte superior, inferior, izquierda o derecha. Por defecto, el último control, si no tiene una posición de acoplamiento específica, llenará el espacio restante. Puedes lograr lo mismo con el panel Cuadrícula (Grid), pero para las situaciones más simples, DockPanel será más fácil de usar. Usa DockPanel siempre que necesites acoplar uno o varios controles a uno de los lados, como dividir la ventana en áreas específicas.

Grid (Cuadrícula)

La Cuadrícula (Grid) es probablemente el más complejo de los tipos de paneles. Una cuadrícula puede contener múltiples filas y columnas. Defines una altura para cada una de las filas y un ancho para cada una de las columnas, ya sea en una cantidad absoluta de píxeles, en un porcentaje del espacio disponible o como automático, donde la fila o columna ajustará automáticamente su tamaño según el contenido. Usa la cuadrícula cuando los otros paneles no hagan el trabajo, por ejemplo: cuando necesita varias columnas y, a menudo, en combinación con los otros paneles.

Cuadrícula uniforme (UniformGrid)

UniformGrid es como la Cuadrícula (Grid), con la posibilidad de filas y columnas múltiples, pero con una diferencia importante: todas las filas y columnas tendrán el mismo tamaño. Úsalo cuando necesites el comportamiento de cuadrícula sin la necesidad de especificar diferentes tamaños para las filas y columnas.