如何在.NET MAUI中用DI容器创建子视图且不依赖ViewModel

问题原因 #

当你在MainPage的XAML中直接声明<local:ChildView/>时，MAUI会直接调用该控件的无参构造函数创建实例，不会走你注册的DI容器逻辑，因此无法自动绑定ChildViewModel。

可行解决方案 #

方案1：构造注入ChildView到MainPage

通过将ChildView注入到MainPage的构造函数中，让DI容器负责实例化ChildView（包括绑定其ViewModel），再将实例添加到页面布局中。

1. 修改MainPage的构造函数：

public MainPage(MainPageViewModel mainVm, ChildView childView)
{
    InitializeComponent();
    BindingContext = mainVm;
    // 假设XAML中有一个ContentControl用于承载ChildView，命名为ChildContainer
    ChildContainer.Content = childView;
}

2. 更新DI注册代码（无需再手动设置MainPage的BindingContext，构造注入会自动处理）：

services.AddSingleton<MainPageViewModel>();
services.AddSingleton<ChildViewModel>();
services.AddSingleton<ChildView>();
services.AddSingleton<MainPage>();

3. 在MainPage的XAML中添加承载控件：

<ContentPage ...>
    <Grid>
        <!-- 其他布局元素 -->
        <ContentControl x:Name="ChildContainer" />
    </Grid>
</ContentPage>

这种方式完全符合你的需求：ViewModel之间无依赖，MainPageViewModel无需知晓ChildViewModel的存在。

方案2：自定义DI标记扩展

创建一个标记扩展，允许在XAML中直接从DI容器解析控件实例。

1. 实现标记扩展类：

using Microsoft.Maui.Controls;
using Microsoft.Maui.Controls.Xaml;
using System;

[ContentProperty(nameof(Type))]
public class DIExtension : IMarkupExtension<object>
{
    public Type Type { get; set; }

    public object ProvideValue(IServiceProvider serviceProvider)
    {
        if (Type == null)
            throw new ArgumentNullException(nameof(Type));
        
        var diProvider = serviceProvider.GetRequiredService<IServiceProvider>();
        return diProvider.GetRequiredService(Type);
    }

    object IMarkupExtension.ProvideValue(IServiceProvider serviceProvider)
    {
        return ProvideValue(serviceProvider);
    }
}

2. 在MainPage的XAML中使用该扩展：

<ContentPage xmlns:local="clr-namespace:YourAppNamespace" ...>
    <Grid>
        <!-- 直接通过DI解析ChildView -->
        <ContentPresenter Content="{local:DIExtension Type={x:Type local:ChildView}}" />
    </Grid>
</ContentPage>

方案3：使用x:FactoryMethod从DI解析

通过静态方法从DI容器获取ChildView实例，在XAML中指定该方法作为工厂方法。

1. 在App类中保存ServiceProvider引用：

public partial class App : Application
{
    public static IServiceProvider ServiceProvider { get; private set; }

    public App()
    {
        InitializeComponent();
        var services = new ServiceCollection();
        // 注册所有服务（MainPageViewModel、ChildViewModel、ChildView等）
        services.AddSingleton<MainPageViewModel>();
        services.AddSingleton<ChildViewModel>();
        services.AddSingleton<ChildView>();
        services.AddSingleton<MainPage>();
        
        ServiceProvider = services.BuildServiceProvider();
        MainPage = ServiceProvider.GetRequiredService<MainPage>();
    }
}

2. 创建静态解析类：

public static class ViewResolver
{
    public static ChildView GetChildView()
    {
        return App.ServiceProvider.GetRequiredService<ChildView>();
    }
}

3. 在MainPage的XAML中使用x:FactoryMethod：

<ContentPage xmlns:local="clr-namespace:YourAppNamespace" ...>
    <Grid>
        <local:ChildView x:FactoryMethod="local:ViewResolver.GetChildView" />
    </Grid>
</ContentPage>

总结 #

以上三种方案都能避免ViewModel之间产生依赖，让ChildView通过DI容器实例化并绑定ViewModel。其中方案1最为简洁直接，推荐优先使用；如果需要在XAML中更灵活地声明控件，可选择方案2或方案3。

内容的提问来源于stack exchange，提问作者Hakan Fıstık