Información general sobre controles contenedor de WPF
Los controles contenedor como Grid, Canvas o StackPanel permiten diseñar rápidamente interfaces de usuario variadas y funcionales proporcionando una funcionalidad de diseño integrada. Cada control contenedor administra el diseño y la posición de sus controles contenidos y les proporciona propiedades que ayudan a colocarlos. En este tema se ofrece información general sobre los diferentes tipos de controles contenedor y sobre cómo afectan al diseño de sus controles contenidos.
Redondeo del diseño
Establezca la propiedad UseLayoutRounding del control contenedor para especificar cuándo se redondean a valores de píxel enteros los valores de píxel no enteros que se calculan durante las transferencias de Measure y Arrange. Los controles secundarios heredan esta propiedad.
Cuadrícula
El control contenedor más conocido es el control Grid. De forma predeterminada, cada nuevo Window que se abra en WPF Designer for Visual Studio incluye un control Grid. Grid le permite colocar los controles dentro de las celdas definibles por el usuario. Los controles colocados en celdas mantienen un margen fijo entre dos o más bordes de control o bordes de celda cuando Window cambia de tamaño. Para obtener más información sobre cómo establecer los márgenes, vea Cómo: Establecer los márgenes de un control en WPF Designer.
Cuando se agrega a Window, un control Grid está compuesto de una celda única. Las filas verticales y horizontales adicionales se pueden agregar en el código o en el WPF Designer. Para obtener más información, vea Cómo: Agregar filas y columnas a una cuadrícula.
UniformGrid
El control UniformGrid proporciona un diseño de cuadrícula simplificado para los controles. A medida que los controles se agregan a UniformGrid, se van colocando en un modelo de cuadrícula que se ajusta automáticamente para mantener una distancia uniforme entre ellos. El número de celdas se ajusta para alojar el número de controles. Por ejemplo, si se agregan cuatro controles a un control UniformGrid, se organizarán en una cuadrícula con cuatro celdas.
Canvas
El control Canvas admite el posicionamiento absoluto y proporciona la mínima funcionalidad de diseño integrada a sus controles contenidos. Canvas permite colocar los controles contenidos en un desplazamiento desde cualquier esquina del panel. Canvas proporciona a los controles contenidos cuatro propiedades: Top, Bottom, Right y Left. Los controles contenidos en un control Canvas deben especificar una propiedad horizontal y una propiedad vertical, designando así la esquina desde la que se desplazará el control. Por ejemplo, si un control especifica los valores para Top y Right, mantendrá una distancia constante desde la esquina superior derecha. Si se especifican valores para más de una propiedad horizontal o vertical, se omitirá uno de los valores. Para obtener más información, vea Cómo: Crear un diseño basándose en la posición absoluta.
StackPanel
StackPanel organiza los controles contenidos en una pila vertical o en una fila horizontal, dependiendo del valor de la propiedad Orientation. Si se agregan más controles a StackPanel de los que se pueden mostrar según el ancho de StackPanel, se cortan y no se muestran.
WrapPanel
El control WrapPanel es similar al control StackPanel en el sentido en que los controles se colocan en una pila o en una fila en función de la propiedad Orientation. Además del apilado, el control WrapPanel proporciona la compatibilidad de ajuste para los controles contenidos. Por tanto, si se agregan más controles a WrapPanel de los que se pueden mostrar según el ancho de WrapPanel, se ajustan alrededor para formar una pila o fila adicional.
DockPanel
El control DockPanel proporciona compatibilidad de acoplamiento para facilitar la colocación de barras de herramientas y de otros controles que desee acoplar a un lado del panel. El control DockPanel proporciona una propiedad denominada DockStyle a los controles contenidos que determina el modo en que se colocarán. Por ejemplo, un control con la propiedad DockStyle establecida en DockStyle.Top se acoplará a la parte superior de DockPanel. DockPanel también expone una propiedad denominada LastChildFill. Si el valor de esta propiedad es true, el último control secundario que se agrega a DockPanel tiene automáticamente la propiedad DockStyle establecida en true.
TabControl
La clase TabControl contiene varios elementos de ficha que comparten el mismo espacio en la pantalla. Para agregar y quitar elementos de las pestañas, use WPF Designer. Para obtener más información, vea Cómo: Agregar elementos de fichas a un control Tab.