.NET MAUI中带参数构造函数的视图与视图模型注册绑定问题

我明白你的困扰了——跨项目的视图和带依赖的视图模型绑定，还不能搞循环引用，确实有点棘手。下面给你几个不需要商业库的解决方案，都是基于.NET MAUI原生或轻量原生扩展的方式：

方案一：自定义标记扩展从DI容器自动获取视图模型 #

这个方案能让视图在XAML里直接绑定到带依赖的视图模型，完全不需要视图引用主项目，完美避开循环引用问题。

步骤1：在类库项目中创建DI解析标记扩展 #

在你的MauiLib1类库中新建一个扩展类，用来从MAUI全局服务容器中获取实例：

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

namespace MauiLib1.Extensions
{
    [ContentProperty(nameof(Type))]
    public class DIResolveExtension : IMarkupExtension
    {
        public Type Type { get; set; }

        public object ProvideValue(IServiceProvider serviceProvider)
        {
            if (Type == null)
                throw new InvalidOperationException("必须指定要解析的类型");
            
            // 从MAUI全局服务容器中获取目标实例
            return Microsoft.Maui.Controls.Application.Current.Handler.MauiContext.Services.GetService(Type);
        }
    }
}

步骤2：在ButtonView的XAML中使用标记扩展设置BindingContext #

修改ButtonView.xaml，通过自定义标记扩展直接绑定到视图模型：

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewModels="using:MauiLib1.ViewModels"
             xmlns:extensions="using:MauiLib1.Extensions"
             x:Class="MauiLib1.Views.ButtonView"
             x:DataType="viewModels:ButtonViewModel"
             BindingContext="{extensions:DIResolve Type={x:Type viewModels:ButtonViewModel}}">
    <VerticalStackLayout>
        <Button Command="{Binding ButtonCommand}"/>
    </VerticalStackLayout>
</ContentView>

步骤3：在主项目中注册所有依赖 #

打开主项目的MauiProgram.cs，注册类库需要的服务、视图模型和你的消息服务实现：

// 注册你的IMessageService实现
builder.Services.AddScoped<IMessageService, YourConcreteMessageService>();
// 注册类库的视图模型
builder.Services.AddScoped<ButtonViewModel>();

方案二：在主项目中手动设置视图的BindingContext #

如果不想在视图里加标记扩展，也可以把绑定上下文的控制权完全交给主项目，利用主项目能访问DI容器的优势来传递视图模型。

方式1：代码后台设置 #

给主页面的ButtonView加一个x:Name，然后在主页面的构造函数中从DI获取视图模型并设置：

<!-- MainPage.xaml -->
<ContentPage ...>
    <views:ButtonView x:Name="MyButtonView"/>
</ContentPage>

// MainPage.xaml.cs
public MainPage(IServiceProvider serviceProvider)
{
    InitializeComponent();
    // 从DI容器获取视图模型并绑定
    MyButtonView.BindingContext = serviceProvider.GetRequiredService<ButtonViewModel>();
}

方式2：通过主页面视图模型传递（如果主页面有自己的VM） #

如果主页面本身也有视图模型，可以在主VM中注入ButtonViewModel，然后通过XAML绑定传递：

// 主页面视图模型
public class MainViewModel
{
    public ButtonViewModel ButtonVM { get; }

    public MainViewModel(ButtonViewModel buttonVM)
    {
        ButtonVM = buttonVM;
    }
}

<!-- MainPage.xaml -->
<ContentPage x:DataType="local:MainViewModel" ...>
    <views:ButtonView BindingContext="{Binding ButtonVM}"/>
</ContentPage>

记得在MauiProgram.cs里注册MainViewModel哦。

方案三：利用DataTemplate动态绑定（适合列表/动态视图场景） #

如果你的ButtonView是在CollectionView这类动态加载视图的控件中使用，可以在主项目的DI中注册一个带DI逻辑的DataTemplate：

// MauiProgram.cs
builder.Services.AddScoped<DataTemplate>(sp => 
    new DataTemplate(() => 
        new ButtonView(sp.GetRequiredService<ButtonViewModel>())
    )
);

之后在XAML中直接使用这个DataTemplate即可，动态生成的每个ButtonView都会自动绑定到正确的视图模型。

关键注意事项 #

• 所有依赖（包括类库的视图模型、服务接口的实现）必须在主项目的DI容器中注册，因为类库不能引用主项目，无法自己注册依赖。
• 确保你的AsyncRelayCommand是可访问的——如果是用CommunityToolkit.Mvvm里的，记得类库要引用这个NuGet包；如果是自定义的，要保证类库能访问到。

内容来源于stack exchange