WPF GridView控件

2025年3月17日 | 阅读 3 分钟

Grid在WPF中被认为是强大且有用的布局控件。 借助grid,我们可以将子元素排列在单元格中。 Grid包含列和行。 当我们添加新的XAML文档或创建新的WPF项目时,Visual Studio会自动将Grid添加为window元素中的第一个容器。

Grid Panel为我们提供了一个包含行和列的灵活区域。 我们可以将Grid中的子元素以表格的形式排列。 我们可以使用grid .rowGrid.column属性将元素添加到任何行或列中。

默认情况下,Grid始终包含一行和一列。 通过使用ColumnDefinition和RowDefinition属性,我们可以添加多行和多列。

Grid的功能就像HTML table,但grid更加灵活。

我们可以通过三种方式定义行的高度和列的宽度

  1. 固定值: 我们使用固定值来分配逻辑单元的大小。
  2. 自动: Auto 将获取控件在特定列和行中所需的空间。
  3. 星号(*): 在自动和固定大小填充后,星号将获取剩余空间。

现在我们将编写代码来定义Grid,该Grid在上述三种方式中具有列的宽度和高度

MainWindow.XAML

上述代码以grid的形式输出,如下面的屏幕截图所示

输出

WPF GridView Control

调整列和行的大小

WPF 提供了一个控件,称为GridSplitter。 当我们将大小更改为下一个和上一个单元格时,GridSplitter会自动更改其大小。 为此,我们将ResizeBehaviour设置为PreviousAndNext。 分隔符根据高度和宽度之间的比率来了解调整大小的方向。 我们还可以根据列和行手动设置调整大小方向。

要调整列和行的大小,我们将编写以下代码

MainWindow.XAML

上面代码的输出显示在下面的屏幕截图中

输出

WPF GridView Control

Grid布局的另一个示例

现在,我们将展示如何将子元素添加到grid中以在表格形式中指定它。

现在,我们将使用XAML实现在grid的第一列中添加文本块,在第二列中添加文本框。

MainWindow.XAML

上述代码的输出如下所示

输出

WPF GridView Control
下一主题WPF图像控件