如何在Xamarin Forms中通过XAML将多类数据绑定至单个ListView？

嘿，我完全懂你现在的困扰——单个类的数据绑定ListView顺顺利利，一换成多类数据就啥都不显示了对吧？这本质上是因为ListView默认不知道该怎么渲染不同类型的对象，下面给你两种最常用的解决方案，一步步来就能搞定：

方案一：共同基类 + DataTemplateSelector #

这种方法适合你需要对不同类型的条目做更精细控制的场景，核心思路是让所有要绑定的类继承同一个基类，然后用模板选择器根据对象类型匹配对应的渲染模板。

第一步：定义基类和业务类 #

先给所有要绑定的类建一个公共基类（哪怕是空的也行）：

public class BaseListItem { }

// 你的第一个业务类
public class Product : BaseListItem
{
    public string ProductName { get; set; }
    public decimal Price { get; set; }
}

// 你的第二个业务类
public class Category : BaseListItem
{
    public string CategoryName { get; set; }
    public int ItemCount { get; set; }
}

第二步：ViewModel中合并数据 #

在你的ViewModel里用ObservableCollection<BaseListItem>来存放所有类型的数据：

public ObservableCollection<BaseListItem> CombinedData { get; set; }

public YourViewModel()
{
    CombinedData = new ObservableCollection<BaseListItem>();
    // 添加不同类型的数据
    CombinedData.Add(new Product { ProductName = "笔记本电脑", Price = 5999.99m });
    CombinedData.Add(new Category { CategoryName = "电子产品", ItemCount = 20 });
    CombinedData.Add(new Product { ProductName = "无线耳机", Price = 399.99m });
}

第三步：创建模板选择器 #

写一个继承自DataTemplateSelector的类，用来判断对象类型并返回对应的模板：

public class ListItemTemplateSelector : DataTemplateSelector
{
    public DataTemplate ProductTemplate { get; set; }
    public DataTemplate CategoryTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        return item switch
        {
            Product => ProductTemplate,
            Category => CategoryTemplate,
            _ => base.SelectTemplate(item, container)
        };
    }
}

第四步：XAML中配置模板和选择器 #

先在资源里声明各个类型的模板和选择器，然后绑定到ListView：

<Window.Resources>
    <!-- Product类型的渲染模板 -->
    <DataTemplate x:Key="ProductTemplate">
        <StackPanel Margin="6">
            <TextBlock Text="{Binding ProductName}" FontSize="14" FontWeight="Bold"/>
            <TextBlock Text="{Binding Price, StringFormat='价格：{0:C}'}" Foreground="Gray"/>
        </StackPanel>
    </DataTemplate>

    <!-- Category类型的渲染模板 -->
    <DataTemplate x:Key="CategoryTemplate">
        <Border Background="#f0f0f0" Padding="6" Margin="6">
            <StackPanel>
                <TextBlock Text="{Binding CategoryName}" FontSize="16" Foreground="#2c3e50"/>
                <TextBlock Text="{Binding ItemCount, StringFormat='包含{0}个商品'}" Foreground="#7f8c8d"/>
            </StackPanel>
        </Border>
    </DataTemplate>

    <!-- 模板选择器实例 -->
    <local:ListItemTemplateSelector x:Key="ItemSelector"
                                    ProductTemplate="{StaticResource ProductTemplate}"
                                    CategoryTemplate="{StaticResource CategoryTemplate}"/>
</Window.Resources>

<!-- 绑定数据的ListView -->
<ListView ItemsSource="{Binding CombinedData}"
          ItemTemplateSelector="{StaticResource ItemSelector}"/>

方案二：ObservableCollection