如何:从网格中移除行和列

[本文档仅供预览,在以后的发行版中可能会发生更改。包含的空白主题用作占位符。]

Windows Presentation Foundation (WPF) Grid 控件使您能够通过创建基于网格的布局轻松地定位并对齐控件。 在设计时,您可以从 适用于 Visual Studio 的 WPF 设计器中的 Grid 控件中移除行和列。

当删除某一行或某一列时,必须重新定位该行或该列中的所有控件。 可以通过修改受影响控件的 Grid.Row 或 Grid.Column 属性来执行此操作。

本主题讨论可以从 Grid 中删除行和列的三种方式。 有关如何向网格中添加行和列的信息,请参见如何:向网格中添加行和列

使用设计器

可以从“设计”视图中的 Grid 控件中移除现有的行和列。

使用设计器从网格中删除行和列

  1. 在 WPF Designer中,选择一个至少有两列或两行的 Grid 控件。

  2. 将指针移到网格轨道中的网格线指示符。

    网格线指示符随即变为橙色,同时鼠标指针变为指示重新定位。

  3. 将网格线指示符拖离网格。

    单击后,网格线以及网格线指示符变为红色。 将网格线指示符拖离网格后,鼠标指针会发生变化并包括一个**“X”**以指示删除。

  4. 释放鼠标按钮。

    网格线及其对应的行或列即被移除。 其余行或列的属性会相应进行更新。

使用集合编辑器

可以通过使用集合编辑器从 Grid 中删除行和列。 使用集合编辑器配置行和列时,将自动更新“设计”视图和 XAML 视图。

使用集合编辑器从网格中删除行

  1. 在 WPF Designer中选择一个 Grid 控件。

  2. 在**“属性”**窗口中,找到 RowDefinitions 属性,并单击“属性值”列中的省略号按钮。

    将出现**“集合编辑器”**对话框。

  3. 在左窗格中,单击要删除的 RowDefinition。

  4. 单击**“移除项”**删除该行。

  5. (可选)重复步骤 3 和步骤 4 删除更多行。

  6. 单击**“确定”以关闭“集合编辑器”**并返回到 WPF Designer。

使用集合编辑器从网格中删除列

  1. 在 WPF Designer中选择一个 Grid 控件。

  2. 在**“属性”**窗口中,找到 ColumnDefinitions 属性,并单击“属性值”列中的省略号按钮。

    将出现**“集合编辑器”**对话框。

  3. 在左窗格中,单击要删除的 ColumnDefinition。

  4. 单击**“移除项”**删除该列。

  5. (可选)重复步骤 3 和步骤 4 删除更多列。

  6. 单击**“确定”以关闭“集合编辑器”**并返回到 WPF Designer。

使用 XAML 编辑器

也可以通过在 XAML 编辑器中删除行和列来手动从 Grid 中移除行和列。 “设计”视图将自动更新。

使用 XAML 编辑器从网格中删除行和列

  1. 在 XAML 编辑器中,定位到包含行和列的 Grid 元素。 下面的标记显示了一个示例:

    <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. 删除不再需要的行和列。

请参见

任务

演练:构造动态布局

概念

WPF 设计器中的对齐方式

使用绝对定位和动态定位进行布局

其他资源

WPF 容器控件