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

Actualización: Julio de 2008

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 Windows Presentation Foundation (WPF) Designer for 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.

Utilizar el diseñador

A partir de Visual Studio 2008 SP1, puede quitar filas y columnas existentes de un control Grid en la vista 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 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 valor de la 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 al 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 la 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 al WPF Designer.

Uso del editor XAML

También puede quitar manualmente filas y columnas de Grid eliminándolas en el editor XAML. La vista 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

Historial de cambios

Fecha	Historial	Motivo
Julio de 2008	Pasos agregados para eliminar filas y columnas de una cuadrícula mediante el diseñador.	Cambio de características de SP1.