通过绑定填充的WPF dataGrid (或ListView)，行的不同模板_将Web API投影请求的结果绑定到DataGrid或ListView等WPF控件 - 腾讯云开发者社区

通过绑定填充的WPF dataGrid (或ListView)，行的不同模板

基础概念

WPF（Windows Presentation Foundation）是微软推出的基于Windows的用户界面框架，它提供了数据绑定、布局、图形渲染等功能。DataGrid 和 ListView 是 WPF 中用于显示数据集合的控件。通过数据绑定，可以将数据源与这些控件关联起来，从而实现数据的展示。

行的不同模板

在 WPF 中，可以通过定义不同的 DataTemplate 来为 DataGrid 或 ListView 的每一行设置不同的显示样式。这种机制允许根据数据项的类型或其他属性来动态改变行的外观。

优势

灵活性：可以根据数据的不同属性动态改变显示样式。
可维护性：通过分离数据和显示逻辑，使得代码更加清晰和易于维护。
用户体验：可以为用户提供更加丰富和直观的数据展示方式。

类型

基于数据类型的模板：根据绑定到 DataGrid 或 ListView 的数据项的类型来选择不同的 DataTemplate。
基于数据属性的模板：根据数据项的某个特定属性来选择不同的 DataTemplate。

应用场景

例如，在一个电商应用中，你可能希望商品列表中的促销商品显示为红色，而普通商品显示为黑色。通过使用不同的 DataTemplate，可以轻松实现这一需求。

示例代码

以下是一个简单的示例，展示了如何为 DataGrid 绑定不同的 DataTemplate：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <DataTemplate x:Key="NormalItemTemplate">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" Foreground="Black"/>
                <TextBlock Text=" - " Foreground="Black"/>
                <TextBlock Text="{Binding Price}" Foreground="Black"/>
            </StackPanel>
        </DataTemplate>
        <DataTemplate x:Key="PromotionItemTemplate">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" Foreground="Red"/>
                <TextBlock Text=" - " Foreground="Red"/>
                <TextBlock Text="{Binding Price}" Foreground="Red"/>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <DataGrid x:Name="dataGrid" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
                <DataGridTextColumn Header="Price" Binding="{Binding Price}"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

在代码后台：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        var items = new List<Item>
        {
            new Item { Name = "Product A", Price = 100, IsPromotion = false },
            new Item { Name = "Product B", Price = 200, IsPromotion = true }
        };
        dataGrid.ItemsSource = items;
    }
}

public class Item
{
    public string Name { get; set; }
    public double Price { get; set; }
    public bool IsPromotion { get; set; }
}

遇到的问题及解决方法

问题：在绑定不同的 DataTemplate 时，发现某些行的样式没有按预期改变。

原因：可能是数据绑定没有正确设置，或者 DataTemplate 的选择逻辑有误。

解决方法：

确保数据源正确绑定到 DataGrid 或 ListView。
检查 DataTemplate 的选择逻辑，确保根据数据项的属性正确选择模板。
使用 DataTrigger 或 Converter 来动态改变行的样式。

例如，使用 DataTrigger：

<DataTemplate x:Key="ItemTemplate">
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding Name}" Foreground="{Binding IsPromotion, Converter={StaticResource ColorConverter}}"/>
        <TextBlock Text=" - " Foreground="{Binding IsPromotion, Converter={StaticResource ColorConverter}}"/>
        <TextBlock Text="{Binding Price}" Foreground="{Binding IsPromotion, Converter={StaticResource ColorConverter}}"/>
    </StackPanel>
</DataTemplate>

在代码后台定义 ColorConverter：

public class ColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is bool isPromotion && isPromotion)
        {
            return Brushes.Red;
        }
        return Brushes.Black;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

通过以上方法，可以确保 DataGrid 或 ListView 的每一行都能根据数据项的属性正确显示不同的样式。