数据控件DataGrid的使用与操作指南

# 数据控件 DataGrid 的使用与操作指南 ## 1. 列样式设置 在 DataGrid 中，可使用 `EditingElementStyle` 对编辑列时所用的元素进行样式设置。以 `DataGridTextColumn` 为例，编辑元素就是 `TextBox` 控件。 `ElementStyle`、`ElementEditingStyle` 和列属性可用于格式化特定列中的所有单元格。若想对每列的每个单元格应用格式化设置，最简单的方法是为 `DataGrid.RowStyle` 属性配置样式。此外，DataGrid 还提供了一些额外属性，用于格式化网格的其他部分，如列标题和行标题，具体如下表所示： | 属性 | 应用对象 | | --- | --- | | ColumnHeaderStyle | 网格顶部列标题所用的 `TextBlock` | | RowHeaderStyle | 行标题所用的 `TextBlock` | | CornerHeaderStyle | 行标题和列标题之间的角单元格 | | RowStyle | 普通行（未通过列的 `ElementStyle` 属性专门定制的列中的行）所用的 `TextBlock` | ## 2. 列宽控制 设置列的初始大小时，可通过设置其 `Width` 属性来实现，有以下三种基本选择： - **固定大小**：直接将 `Width` 属性设置为像素值，例如 `Width="200"`。 - **自动大小**：将 `Width` 属性设置为以下三个特殊值之一： - `SizeToCells`：列宽会扩展以匹配最大显示单元格的值。 - `SizeToHeader`：列宽会扩展以匹配标题文本。 - `Auto`：列宽会扩展以匹配最大显示单元格的值或标题，取较大者。使用 `SizeToCells` 或 `Auto` 时，滚动时列可能会变宽，这可能方便也可能干扰，取决于个人看法。若未设置 `Width` 属性，列将使用 `DataGrid.ColumnWidth` 属性的值，默认值为 `Auto`。 - **比例大小**（也称为星号大小）：将 `Width` 属性设置为星号 `*`。这种方式类似于 `Grid` 布局容器的比例大小设置。当所有固定大小和自动大小的列放置好后，剩余空间将在比例列之间分配。若想让某些列获得更多自由空间，可设置一个数字后跟星号的宽度，例如宽度为 `2*` 的列将获得宽度为 `*` 的列两倍的空间。 以下是一个示例，展示了如何为不同列设置不同的宽度： ```xml <data:DataGrid.Columns> <data:DataGridTextColumn Header="Model Number" Binding="{Binding ModelNumber}" Width="100"></data:DataGridTextColumn> <data:DataGridTextColumn Header="Model Name" Width="100" Binding="{Binding ModelName}"></data:DataGridTextColumn> <data:DataGridTextColumn Header="Unit Cost" Width="*" MinWidth="50" Binding="{Binding UnitCost, StringFormat='C'}"></data:DataGridTextColumn> <data:DataGridTextColumn Width="2*" MinWidth="50" Binding="{Binding Description}" Header="Description" > <data:DataGridTextColumn.ElementStyle> <Style TargetType="TextBlock"> <Setter Property="TextWrapping" Value="Wrap"></Setter> </Style> </data:DataGridTextColumn.ElementStyle> </data:DataGridTextColumn> </data:DataGrid.Columns> ``` 比例大小的优点是能创建适应可用空间的网格。只要添加一个比例大小的列，`GridView` 就会移除水平滚动条。当调整 `GridView` 大小时，其列大小会相应调整。若增大 `GridView`，比例列将获得所有额外空间；若缩小，比例列的空间会逐渐减少，直到达到其 `MinWidth` 值。若继续缩小，其他列也会从其原始固定或自动大小开始减小，直到达到 `MinWidth` 值。若所有列都达到最小宽度后继续缩小，`GridView` 会继续将列宽缩小到 `MinWidth` 设置以下，直到所有列都折叠。 ## 3. 行格式化 通过设置 DataGrid 列对象的属性，可控制整列的格式。但在许多情况下，标记包含特定数据的行更有用，例如突出高价产品或过期货物。可通过处理 `DataGrid.LoadingRow` 事件以编程方式应用，该事件是行格式化的强大工具，它能让你访问当前行的数据对象，进行简单范围检查、比较和更复杂的操作，还能提供行的 `DataGridRow` 对象，让你用不同颜色或字体格式化行。不过，不能仅格式化该行中的单个单元格，若要实现此功能，需要使用 `DataGridTemplateColumn` 和 `IValueConverter`。 `LoadingRow` 事件在每行出现在屏幕上时触发一次。这种方法的优点是应用程序无需格式化整个网格，仅对当前可见的行触发。但缺点是，当用户滚动网格时，`LoadingRow` 事件会持续触发，因此不能在 `LoadingRow` 方法中放置耗时的代码，否则滚动会变慢。 另外，还需考虑虚拟化。为降低内存开销，DataGrid 在滚动数据时会重用相同的 `DataGrid` 对象来显示新数据（这就是事件名为 `LoadingRow` 而非 `CreatingRow` 的原因）。若不小心，DataGrid 可能会将数据加载到已格式化的 `DataGridRow` 中。为防止这种情况发生，必须明确将每行恢复到初始状态。 以下是一个示例，将高价物品设置为亮橙色背景，正常价格物品设置为标准白色背景： ```csharp // 为大型数据显示效率重用画笔对象。 private SolidColorBrush highlightBrush = new SolidColorBrush(Colors.Orange); private SolidColorBrush normalBrush = new SolidColorBrush(Colors.White); private void gridProducts_LoadingRow(object sender, DataGridRowEventArgs e) { // 检查此行的数据对象。 Product product = (Product)e.Row.DataContext; // 应用条件格式化。 if (product.UnitCost > 100) { e.Row.Background = highlightBrush; } else { // 恢复默认白色背景。这确保已使用、格式化的 DataGrid 对象恢复到原始外观。 e.Row.Background = normalBrush; } } ``` ## 4. 行详细信息 DataGrid 支持行详细信息，这是一个可选的单独显示区域，出现在行的列值下方。行详细信息区域有两个优点： - 它跨越 DataGrid 的整个宽度，不分割成单独的列，提供更多操作空间。 - 可配置行详细信息区域，使其仅在选择行时显示，不需要时可隐藏额外细节。 要创建行详细信息区域，需设置 `DataGrid.RowDetailsTemplate` 属性。以下是一个示例，行详细信息区域使用一个基本模板，包含一个显示完整产品文本并添加边框的 `TextBlock`： ```xml <data:DataGrid.RowDetailsTemplate> <DataTemplate> <Border> <Border Mar ```