MAUI Shell选项卡标题绑定及ViewModel依赖注入问题问询

一、获取带DI服务的ViewModel实例并绑定标题 #

直接在XAML中使用{vm:TestViewModel}标记扩展会失败，因为它会尝试调用ViewModel的无参构造函数，而你的ViewModel只有依赖注入的构造函数。可以通过以下步骤解决：

1. 注册ViewModel服务
   在MauiProgram.cs中把你的ViewModel注册到依赖注入容器：

builder.Services.AddScoped<TestViewModel>(); // 根据业务需求选择AddTransient/AddSingleton

2. 在AppShell后台代码中获取ViewModel并绑定
   给XAML中的Tab添加x:Name标识：

<TabBar>
   <Tab x:Name="HelloTab" Title="{Binding Title}">
      <ShellContent ContentTemplate="{DataTemplate local:HelloPage}" />
   </Tab>
   <!-- 其他Tab -->
</TabBar>

然后在AppShell.xaml.cs的构造函数中通过DI获取ViewModel并绑定：

public AppShell(IServiceProvider serviceProvider)
{
    InitializeComponent();
    // 从DI容器获取ViewModel实例
    var testVm = serviceProvider.GetRequiredService<TestViewModel>();
    // 绑定到指定Tab的BindingContext
    HelloTab.BindingContext = testVm;
}

二、运行时直接修改Tab标题 #

如果不想使用数据绑定，也可以直接在运行时更新Tab的Title属性，推荐用消息传递的方式解耦ViewModel和Shell：

1. 定义消息类
   创建一个用于传递标题更新的消息类：

public class UpdateTabTitleMessage
{
    public string NewTitle { get; }
    public UpdateTabTitleMessage(string newTitle) => NewTitle = newTitle;
}

2. 在ViewModel中发送更新消息
   当需要修改标题时，发送消息：

// 假设在ViewModel的某个方法中触发标题更新
WeakReferenceMessenger.Default.Send(new UpdateTabTitleMessage("更新后的标题"));

3. 在AppShell中监听消息并更新标题
   在AppShell.xaml.cs中注册消息监听：

public AppShell()
{
    InitializeComponent();
    // 监听标题更新消息
    WeakReferenceMessenger.Default.Register<UpdateTabTitleMessage>(this, (sender, message) =>
    {
        HelloTab.Title = message.NewTitle;
    });
}

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