Cómo: Quitar filas y columnas de una cuadrícula

[Esta documentación se proporciona solo para fines preliminares y está sujeta a cambios en versiones posteriores. Se incluye temas en blanco como marcadores].

El control Grid de Windows Presentation Foundation (WPF) permite colocar y alinear controles con facilidad creando diseños basados en cuadrícula. En tiempo de diseño, puede quitar filas y columnas de un control Grid en WPF Designer para Visual Studio.

Cuando se elimina una fila o una columna, es preciso volver a colocar los controles que se encontraban en ella. Para ello, puede modificar las propiedades Grid.Row o Grid.Column de los controles afectados.

En este tema se explican tres maneras de eliminar filas y columnas de un control Grid. Para obtener información sobre cómo agregar filas y columnas a una cuadrícula, vea Cómo: Agregar filas y columnas a una cuadrícula.

Uso del diseñador

Puede quitar filas y columnas existentes de un control Grid en la Vista de diseño.

Para eliminar filas y columnas de una cuadrícula mediante el diseñador

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

2. Mueva el puntero sobre un indicador de línea de cuadrícula en el raíl de la cuadrícula.

   El indicador de línea de cuadrícula se muestra en naranja y el puntero del mouse cambia para indicar un cambio de posición.

3. Arrastre el indicador de línea de cuadrícula fuera de la cuadrícula.

   Al hacer clic, la línea de la cuadrícula y el indicador de línea de cuadrícula cambian a color rojo. Después de arrastrar fuera de la cuadrícula, el puntero del mouse cambia e incluye una X para indicar la eliminación.

4. Suelte el botón del mouse.

   Se quitan la línea de la cuadrícula y su fila o columna correspondiente. Las propiedades de las filas y columnas restantes se actualizan de forma adecuada.

Uso del Editor de colecciones

Puede eliminar filas y columnas de Grid utilizando el Editor de colecciones. Cuando se utiliza el Editor de colecciones para configurar filas y columnas, la Vista de diseño y la vista XAML se actualizan automáticamente.

Para eliminar filas de una cuadrícula mediante el Editor de colecciones

1. En WPF Designer, seleccione un control Grid.

2. En la ventana Propiedades, busque la propiedad RowDefinitions y haga clic en el botón de puntos suspensivos en la columna de valores de propiedad.

   Aparecerá el cuadro de diálogo Editor de colecciones.

3. En el panel izquierdo, haga clic en el objeto RowDefinition que desea eliminar.

4. Haga clic en Quitar elemento para eliminar la fila.

5. (Opcional) Repita los pasos 3 y 4 para eliminar más filas.

6. Haga clic en Aceptar para cerrar el Editor de colecciones y volver a WPF Designer.

Para eliminar columnas de una cuadrícula mediante el Editor de colecciones

1. En WPF Designer, seleccione un control Grid.

2. En la ventana Propiedades, busque la propiedad ColumnDefinitions y haga clic en el botón de puntos suspensivos en la columna de valores de propiedad.

   Aparecerá el cuadro de diálogo Editor de colecciones.

3. En el panel izquierdo, haga clic en el objeto ColumnDefinition que desea eliminar.

4. Haga clic en Quitar elemento para eliminar la columna.

5. (Opcional) Repita los pasos 3 y 4 para eliminar más columnas.

6. Haga clic en Aceptar para cerrar el Editor de colecciones y volver a WPF Designer.

Uso del editor XAML

También puede quitar manualmente filas y columnas de Grid eliminándolas en el editor XAML. La Vista de diseño se actualiza automáticamente.

Para eliminar filas y columnas de una cuadrícula mediante el editor XAML

1. En el editor XAML, busque un elemento Grid que contenga filas y columnas. En el marcado siguiente se muestra un ejemplo:

   <Grid>
       <Grid.RowDefinitions>
           <RowDefinition Height="100" />
           <RowDefinition Height="Auto" />
           <RowDefinition Height="*" />
           <RowDefinition Height="5*" />
       </Grid.RowDefinitions>
       <Grid.ColumnDefinitions>
           <ColumnDefinition Width="100" />
           <ColumnDefinition Width="Auto" />
           <ColumnDefinition Width="*" />
           <ColumnDefinition Width="5*" />
       </Grid.ColumnDefinitions>
   </Grid>
   

2. Elimine las filas y columnas que ya no necesite.

Vea también

Tareas

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