如何通过绑定在MAUI AppShell中启用/禁用Tab？绑定失效求助

你的绑定失效主要有两个核心原因：

1. 绑定上下文不匹配：AppShell的x:DataType设为Login_VM，但未实际将DataContext指向Login_VM的有效实例。Login_VM是Login页面的视图模型，当登录完成导航到Home TabBar后，Login页面可能被销毁，对应的VM实例也可能被GC回收，导致绑定源丢失。
2. 冗余的登录状态判断：LoginAsync中重复调用LoginService.Login三次，不仅浪费资源，还可能导致状态判断逻辑出现不一致。

推荐使用全局可观察状态来管理Tab的启用状态，这是应用级UI元素（如AppShell）状态控制的可靠方式，步骤如下：

1. 创建全局状态类 #

实现INotifyPropertyChanged，确保状态变更能通知UI更新：

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace ExpensesMobile
{
    public class AppState : INotifyPropertyChanged
    {
        private bool _isApprovalTabEnabled;
        public bool IsApprovalTabEnabled
        {
            get => _isApprovalTabEnabled;
            set
            {
                _isApprovalTabEnabled = value;
                OnPropertyChanged();
            }
        }

        public Globals.LoginStatus CurrentLoginStatus { get; set; }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

2. 注册全局单例 #

在MauiProgram.cs中将AppState注册为单例，确保整个应用共享同一实例：

builder.Services.AddSingleton<AppState>();

3. 更新Login_VM逻辑 #

注入AppState，并在登录时更新全局状态，同时优化冗余的登录调用：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using ExpensesMobile.Resources.Strings;
using ExpensesMobile.Services;
using ExpensesMobile.Utils;
using ExpensesMobile.View.ExpenseReports;
using System.Diagnostics;
using static ExpensesMobile.Globals;

namespace ExpensesMobile.ViewModel.Login
{
    [QueryProperty(nameof(Login), "Login")]
    public partial class Login_VM : Base_VM
    {
        public readonly LoginService loginService;
        private readonly IConnectivity connectivity;
        private readonly AppState _appState;

        [ObservableProperty]
        private string password;

        [ObservableProperty]
        private string username;

        public Login_VM(LoginService loginService, IConnectivity connectivity, AppState appState)
        {
            this.loginService = loginService;
            this.connectivity = connectivity;
            _appState = appState;

            //TEMP CODE - DEBUG
            username = ".....";
            password = ".....";
        }

        private static async Task ShowToast(LoginStatus loginStatus)
        {
            string text = loginStatus == LoginStatus.loginAcceptedAdmin 
                ? AppRes.LoginConfirmationManager 
                : AppRes.LoginConfirmationUser;

            await Utils.Utils.ShowToast(text);
        }

        [RelayCommand]
        private async Task LoginAsync()
        {
            if (IsBusy) return;

            try
            {
                if (connectivity.NetworkAccess != NetworkAccess.Internet)
                {
                    await Shell.Current.DisplayAlert(AppRes.MsgConnectivity1, AppRes.MsgConnectivity2, "OK");
                    return;
                }

                IsBusy = true;
                var loginStatus = LoginService.Login(username, password);
                Globals.loginStatus = loginStatus;

                if (loginStatus == LoginStatus.loginAcceptedAdmin)
                {
                    _appState.IsApprovalTabEnabled = true;
                    await ShowToast(loginStatus);
                    await Shell.Current.GoToAsync($"//{nameof(Pending)}");
                }
                else if (loginStatus == LoginStatus.loginAcceptedRegularUser)
                {
                    _appState.IsApprovalTabEnabled = false;
                    await ShowToast(loginStatus);
                    await Shell.Current.GoToAsync($"//{nameof(Pending)}");
                }
                else
                {
                    await Shell.Current.DisplayAlert(AppRes.Login, AppRes.LoginWrongUsernameOrPass, "OK");
                }
            }
            catch (Exception ex)
            {
                Debug.WriteLine($"Unable to login: {ex.Message}");
                ErrorHandling.HandleError(ex);
            }
            finally
            {
                IsBusy = false;
            }
        }
    }
}

4. 绑定AppShell到全局状态 #

修改AppShell的XAML，将DataContext指向AppState，并更新Tab的绑定：

<Shell
    x:Class="ExpensesMobile.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:Approvals="clr-namespace:ExpensesMobile.View.Approvals"
    xmlns:Settings="clr-namespace:ExpensesMobile.View.AppSettings"
    xmlns:Login="clr-namespace:ExpensesMobile.View.Login"
    xmlns:Globals="clr-namespace:ExpensesMobile"
    xmlns:ExpenseReports="clr-namespace:ExpensesMobile.View.ExpenseReports"
    xmlns:res="clr-namespace:ExpensesMobile.Resources.Strings"
    xmlns:local="clr-namespace:ExpensesMobile"
    Title="{x:Static res:AppRes.ExpenseReports}"
    Shell.FlyoutBehavior="Disabled">

    <Shell.BindingContext>
        <local:AppState />
    </Shell.BindingContext>

    <!-- 其余Shell.Items和TabBar代码保持不变 -->

    <Tab
        x:Name="tabApprovals"
        Title="{x:Static res:AppRes.Approvals}"
        Icon="approvals"
        IsEnabled="{Binding IsApprovalTabEnabled}"
        Shell.BackgroundColor="#AB1300"
        Shell.ForegroundColor="#001933">
        <!-- 子ShellContent代码不变 -->
    </Tab>

</Shell>

或者通过构造函数注入AppState（更符合依赖注入规范）：

public AppShell(AppState appState)
{
    InitializeComponent();
    BindingContext = appState;
}

备选方案：使用Messenger更新UI #

如果不想用绑定，也可以通过CommunityToolkit.Mvvm的WeakReferenceMessenger发送状态变更消息：

1. 创建消息类：

public class ApprovalTabStatusChangedMessage
{
    public bool IsEnabled { get; set; }
}

2. 在Login_VM中发送消息：

WeakReferenceMessenger.Default.Send(new ApprovalTabStatusChangedMessage { IsEnabled = true });

3. 在AppShell构造函数中注册消息接收：

public AppShell()
{
    InitializeComponent();
    WeakReferenceMessenger.Default.Register<ApprovalTabStatusChangedMessage>(this, (r, m) =>
    {
        tabApprovals.IsEnabled = m.IsEnabled;
    });
}

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