数据控件的全方位解析与使用指南

### 数据控件的全方位解析与使用指南 #### 1. 特殊列类型 在数据展示和处理中，`DataGrid` 提供了多种特殊列类型，以满足不同的需求。 - **DataGridCheckBoxColumn**：若 `Product` 类包含布尔属性，`DataGridCheckBoxColumn` 会是一个实用的选择。其 `Binding` 属性用于提取数据，以设置内部 `CheckBox` 元素的 `IsChecked` 属性。此外，它还有 `Content` 属性，可在复选框旁显示可选内容，`IsThreeState` 属性则决定复选框是否支持未确定状态。若使用该列展示可空布尔值信息，可将 `IsThreeState` 属性设为 `true`，这样用户能点击回到未确定状态，使绑定值变为 `null`。 - **DataGridTemplateColumn**：使用数据模板，与列表控件中的数据模板功能类似，但它允许定义两个模板，分别用于数据显示（`CellTemplate`）和数据编辑（`CellEditingTemplate`）。以下是一个使用模板数据列在网格中放置每个产品缩略图的示例： ```xml <data:DataGridTemplateColumn> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <Image Stretch="None" Source= "{Binding ProductImagePath, Converter={StaticResource ImagePathConverter}}"> </Image> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> ``` 此示例假设已将 `ImagePathConverter` 值转换器添加到 `UserControl.Resources` 集合中： ```xml <UserControl.Resources> <local:ImagePathConverter x:Key="ImagePathConverter"></local:ImagePathConverter> </UserControl.Resources> ``` #### 2. 列的格式化与样式设置 对 `DataGrid` 列进行格式化和样式设置可提升数据展示的可读性和美观度。 - **基本格式化**：可像设置 `TextBlock` 元素一样，通过设置 `Foreground`、`FontFamily`、`FontSize`、`FontStyle` 和 `FontWeight` 属性来格式化 `DataGridTextColumn`。但该列并非暴露 `TextBlock` 的所有属性，如无法直接设置 `Wrapping` 属性。此时，需使用 `ElementStyle` 属性。 - **ElementStyle 属性**：该属性用于创建应用于 `DataGrid` 单元格内元素的样式。对于简单的 `DataGridTextColumn`，此元素为 `TextBlock`；对于 `DataGridCheckBoxColumn`，为复选框；对于 `DataGridTemplateColumn`，则是数据模板中创建的元素。以下是一个允许列中文本换行的简单样式示例： ```xml <data:DataGridTextColumn Header="Description" Width="400" Binding="{Binding Description}"> <data:DataGridTextColumn.ElementStyle> <Style TargetType="TextBlock"> <Setter Property="TextWrapping" Value="Wrap"></Setter> </Style> </data:DataGridTextColumn.ElementStyle> </data:DataGridTextColumn> ``` 要显示换行文本，需使用 `DataGrid.RowHeight` 属性设置固定行高，此高度适用于所有行。 #### 3. 列样式属性总结 | 属性 | 样式应用于… | | ---- | ---- | | ColumnHeaderStyle | 网格顶部列标题使用的 `TextBlock` | | RowHeaderStyle | 行标题使用的 `TextBlock` | | CornerHeaderStyle | 行和列标题之间的角单元格 | | RowStyle | 普通行（未通过列的 `ElementStyle` 属性明确自定义的列中的行）使用的 `TextBlock` | #### 4. 列宽度控制 设置列的初始大小时，可通过 `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` 将移除水平滚动条。根据网格大小调整，比例列会相应调整宽度，直至达到 `MinWidth` 值。 #### 5. 行的格式化 通过处理 `DataGrid.LoadingRow` 事件，可对包含特定数据的行进行格式化。该事件在每行显示在屏幕上时触发一次，可访问当前行的数据对象和 `DataGridRow` 对象，从而进行简单的范围检查、比较和更复杂的操作，还能设置行的颜色或字体。但需注意，不能仅格式化该行的单个单元格，如需此功能，需使用 `DataGridTemplateColumn` 和 `IValueConverter`。 以下是一个根据产品价格对行进行背景颜色设置的示例： ```csharp // Reuse brush objects for efficiency in large data displays. private SolidColorBrush highlightBrush = new SolidColorBrush(Colors.Orange); private SolidColorBrush normalBrush = new SolidColorBrush(Colors.White); private void gridProducts_LoadingRow(object sender, DataGridRowEventArgs e) { // Check the data object for this row. Product product = (Product)e.Row.DataContext; // Apply the conditional formatting. if (product.UnitCost > 100) ```