如何:从网格中移除行和列
[本文档仅供预览,在以后的发行版中可能会发生更改。包含的空白主题用作占位符。]
Windows Presentation Foundation (WPF) Grid 控件使您能够通过创建基于网格的布局轻松地定位并对齐控件。 在设计时,您可以从 适用于 Visual Studio 的 WPF 设计器中的 Grid 控件中移除行和列。
当删除某一行或某一列时,必须重新定位该行或该列中的所有控件。 可以通过修改受影响控件的 Grid.Row 或 Grid.Column 属性来执行此操作。
本主题讨论可以从 Grid 中删除行和列的三种方式。 有关如何向网格中添加行和列的信息,请参见如何:向网格中添加行和列。
使用设计器
可以从“设计”视图中的 Grid 控件中移除现有的行和列。
使用设计器从网格中删除行和列
在 WPF Designer中,选择一个至少有两列或两行的 Grid 控件。
将指针移到网格轨道中的网格线指示符。
网格线指示符随即变为橙色,同时鼠标指针变为指示重新定位。
将网格线指示符拖离网格。
单击后,网格线以及网格线指示符变为红色。 将网格线指示符拖离网格后,鼠标指针会发生变化并包括一个**“X”**以指示删除。
释放鼠标按钮。
网格线及其对应的行或列即被移除。 其余行或列的属性会相应进行更新。
使用集合编辑器
可以通过使用集合编辑器从 Grid 中删除行和列。 使用集合编辑器配置行和列时,将自动更新“设计”视图和 XAML 视图。
使用集合编辑器从网格中删除行
在 WPF Designer中选择一个 Grid 控件。
在**“属性”**窗口中,找到 RowDefinitions 属性,并单击“属性值”列中的省略号按钮。
将出现**“集合编辑器”**对话框。
在左窗格中,单击要删除的 RowDefinition。
单击**“移除项”**删除该行。
(可选)重复步骤 3 和步骤 4 删除更多行。
单击**“确定”以关闭“集合编辑器”**并返回到 WPF Designer。
使用集合编辑器从网格中删除列
在 WPF Designer中选择一个 Grid 控件。
在**“属性”**窗口中,找到 ColumnDefinitions 属性,并单击“属性值”列中的省略号按钮。
将出现**“集合编辑器”**对话框。
在左窗格中,单击要删除的 ColumnDefinition。
单击**“移除项”**删除该列。
(可选)重复步骤 3 和步骤 4 删除更多列。
单击**“确定”以关闭“集合编辑器”**并返回到 WPF Designer。
使用 XAML 编辑器
也可以通过在 XAML 编辑器中删除行和列来手动从 Grid 中移除行和列。 “设计”视图将自动更新。
使用 XAML 编辑器从网格中删除行和列
在 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>
删除不再需要的行和列。