带可绑定属性的.NET MAUI ContentView，ViewModel应在哪里实例化？

因为ContentView构造函数执行时，可绑定属性还未从绑定源获取到值，所以你需要在可绑定属性值发生变化的时机来创建ViewModel并赋值给BindingContext，以下是两种常用的实现方式：

方式一：重写OnPropertyChanged方法 #

重写ContentView的OnPropertyChanged方法，监听ListData和ListType的变化，当两个属性都具备有效取值时，生成对应的ViewModel：

protected override void OnPropertyChanged(string propertyName)
{
    base.OnPropertyChanged(propertyName);

    // 仅当目标属性变化，且两个属性都非空时执行逻辑
    if ((propertyName == nameof(ListData) || propertyName == nameof(ListType)) 
        && !string.IsNullOrWhiteSpace(ListData) 
        && !string.IsNullOrWhiteSpace(ListType))
    {
        try
        {
            // 反序列化JSON数据
            var listItems = JsonSerializer.Deserialize<List<YourItemModel>>(ListData);
            
            // 根据ListType创建对应ViewModel
            BindingContext = ListType switch
            {
                "CardStyle" => new CardListViewModel(listItems),
                "RowStyle" => new RowListViewModel(listItems),
                _ => new DefaultListViewModel(listItems)
            };
        }
        catch (JsonException ex)
        {
            // 处理JSON反序列化异常，比如记录日志或显示错误提示
            Console.WriteLine($"反序列化ListData失败: {ex.Message}");
        }
    }
}

方式二：订阅PropertyChanged事件 #

在ContentView的构造函数中订阅自身的PropertyChanged事件，逻辑和上面一致，只是写法不同：

public CustomListView()
{
    InitializeComponent();
    PropertyChanged += CustomListView_PropertyChanged;
}

private void CustomListView_PropertyChanged(object sender, PropertyChangedEventArgs e)
{
    if ((e.PropertyName == nameof(ListData) || e.PropertyName == nameof(ListType)) 
        && !string.IsNullOrWhiteSpace(ListData) 
        && !string.IsNullOrWhiteSpace(ListType))
    {
        try
        {
            var listItems = JsonSerializer.Deserialize<List<YourItemModel>>(ListData);
            BindingContext = GetTargetViewModel(ListType, listItems);
        }
        catch (JsonException ex)
        {
            Console.WriteLine($"反序列化错误: {ex.Message}");
        }
    }
}

private object GetTargetViewModel(string listType, List<YourItemModel> items)
{
    return listType switch
    {
        "CardStyle" => new CardListViewModel(items),
        "RowStyle" => new RowListViewModel(items),
        _ => new DefaultListViewModel(items)
    };
}

注意事项 #

• 确保ViewModel继承自MVVM Community Toolkit的ObservableObject，这样CollectionView能正常响应数据变化。
• 如果后续ListData或ListType发生更新，上述逻辑会自动重新创建ViewModel，保证UI同步最新状态。
• 务必加入异常处理，避免JSON格式错误导致应用崩溃。

内容的提问来源于stack exchange，提问作者Rolf