Cómo: Cambiar el tamaño de filas y columnas en un control Grid

El control Grid de Windows Presentation Foundation (WPF) permite colocar y alinear controles con facilidad y rapidez creando diseños basados en cuadrícula. En tiempo de diseño, puede cambiar el tamaño de las filas y columnas en WPF Designer. De manera predeterminada, las nuevas filas y columnas utilizan el ajuste de tamaño Star.

Nota importanteImportante

Si establece el tamaño de una fila o columna en Auto antes de agregarle contenido, ésta no estará visible en el diseñador. Esto puede dificultar la colocación de los controles en la fila o columna correcta. Para evitarlo, puede usar la variación de tamaño proporcional mientras trabaja y cambiar a Automático cuando haya terminado.

En este tema se muestra cómo cambiar el tamaño de las filas y columnas en un objeto Grid mediante movimientos del diseñador.

Establecer el alto de fila mediante el diseñador

Cuando se selecciona un control Grid en WPF Designer, aparecen carriles en los lados superior e izquierdo.

Nota

Si la propiedad FlowDirection está establecida en RightToLeft, el raíl de las filas aparece en el lado derecho de Grid.

Para establecer el alto de una fila mediante el diseñador

  1. En WPF Designer, seleccione un control Grid que tenga al menos dos filas.

  2. Mueva el puntero sobre el raíl lateral.

    El puntero cambia a cruz y aparece una barra de tamaño atenuada fuera del raíl para la fila correspondiente.

  3. Mueva el puntero sobre la barra de tamaño para seleccionar las opciones de tamaño. Las opciones de tamaño son fijo, proporcional y automático.

  4. Para establecer el alto de fila en un valor fijo, haga clic en el botón #.

    En la vista XAML, el alto de fila se actualiza a un valor fijo (n).

  5. Para establecer el alto de fila de forma que use la variación de tamaño proporcional, haga clic en el botón *.

    En la vista XAML, el alto de fila se actualiza para usar la variación de tamaño proporcional (n *).

  6. Para establecer el alto de fila de forma que use el ajuste de tamaño automático, haga clic en el botón Automático.

    En la vista XAML, el alto de fila se actualiza para usar el ajuste de tamaño automático (Automático).

    Nota

    Si la fila no tiene contenido, el ajuste de tamaño automático hace que se contraiga a un alto de tamaño cero. Esto puede provocar dificultades a medida que sigue diseñando el objeto Grid. Para evitar este problema, agregue contenido a la fila antes de establecer el ajuste de tamaño automático.

  7. Para salir sin seleccionar una opción de tamaño, presione ESC o mueva el puntero fuera de la barra de tamaño.

Establecer el ancho de columna mediante el diseñador

El procedimiento para establecer el ancho de una columna es prácticamente igual al usado para establecer el alto de una fila.

Para establecer el ancho de una columna mediante el diseñador

  • Siga los pasos anteriores, pero mueva el puntero sobre el raíl superior para activar la barra de tamaño.

Vea también

Tareas

Cómo: Agregar filas y columnas a una cuadrícula

Tutorial: Crear un diseño dinámico

Conceptos

Alineación en WPF Designer

Diseño con posición absoluta y dinámica

Otros recursos

Controles contenedor de WPF