MAUI中如何向组件构造函数注入服务？仅默认构造函数被调用

当你在XAML中直接声明<components:MyComponent/>时，MAUI的XAML加载器会自动调用无参构造函数创建实例，不会使用依赖注入容器中注册的对象，这就是为什么你注册了单例但带参数的构造函数始终不被触发的原因。以下是几种可行的解决方案：

方案一：通过依赖注入获取组件实例（推荐） #

不在XAML中直接声明组件，而是在页面的构造函数中注入MyComponent实例，再通过代码将其添加到页面布局中：

1. 确保服务和组件已正确注册 #

在MauiProgram.cs中保持注册：

builder.Services.AddSingleton<MyService>();
builder.Services.AddSingleton<MyComponent>();

2. 修改页面代码，注入组件并添加到布局 #

假设你的页面有一个名为MainLayout的StackLayout容器：

public partial class MainPage : ContentPage
{
    public MainPage(MyComponent myComponent)
    {
        InitializeComponent();
        MainLayout.Children.Add(myComponent);
    }
}

此时依赖注入容器会创建MyComponent实例，并自动注入MyService，带参数的构造函数会被正常调用。

方案二：通过可绑定属性实现属性注入 #

给MyComponent添加一个接收MyService的可绑定属性，在XAML中通过静态资源传递服务实例：

1. 修改MyComponent代码 #

public partial class MyComponent : ContentView
{
    public static readonly BindableProperty MyServiceProperty =
        BindableProperty.Create(nameof(MyService), typeof(MyService), typeof(MyComponent), propertyChanged: OnServiceChanged);

    public MyService MyService
    {
        get => (MyService)GetValue(MyServiceProperty);
        set => SetValue(MyServiceProperty, value);
    }

    private static void OnServiceChanged(BindableObject bindable, object oldValue, object newValue)
    {
        if (bindable is MyComponent component && newValue is MyService service)
        {
            component.data = service.getData();
            // 执行组件的初始化逻辑
        }
    }

    public MyComponent()
    {
        InitializeComponent();
    }
}

2. 在页面中传递服务实例 #

先在页面构造函数中注入MyService，并将其添加到页面资源：

public partial class MainPage : ContentPage
{
    public MainPage(MyService myService)
    {
        InitializeComponent();
        Resources.Add("MyServiceInstance", myService);
    }
}

然后在页面XAML中引用组件时绑定服务：

<ContentPage ...
             xmlns:components="clr-namespace:MyApp.Components">
    <components:MyComponent MyService="{StaticResource MyServiceInstance}"/>
</ContentPage>

方案三：通过MVVM模式传递数据（更解耦） #

让页面的ViewModel注入MyService获取数据，再通过绑定将数据传递给MyComponent，组件无需直接依赖服务：

1. 创建页面ViewModel #

public class MainViewModel
{
    public string ComponentData { get; set; }

    public MainViewModel(MyService service)
    {
        ComponentData = service.getData();
    }
}

2. 注册ViewModel并绑定到页面 #

在MauiProgram.cs中注册ViewModel：

builder.Services.AddSingleton<MainViewModel>();

修改页面代码绑定ViewModel：

public partial class MainPage : ContentPage
{
    public MainPage(MainViewModel viewModel)
    {
        InitializeComponent();
        BindingContext = viewModel;
    }
}

3. 修改MyComponent接收数据 #

public partial class MyComponent : ContentView
{
    public static readonly BindableProperty DataProperty =
        BindableProperty.Create(nameof(Data), typeof(string), typeof(MyComponent));

    public string Data
    {
        get => (string)GetValue(DataProperty);
        set => SetValue(DataProperty, value);
    }

    public MyComponent()
    {
        InitializeComponent();
    }
}

4. 在XAML中绑定数据 #

<ContentPage ...
             xmlns:components="clr-namespace:MyApp.Components">
    <components:MyComponent Data="{Binding ComponentData}"/>
</ContentPage>

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