.NET MAUI应用中如何通过ViewModel从API可靠加载视图数据？

针对你遇到的标签页场景下构造函数、OnNavigatedTo、OnAppearing失效的问题，以下是几种可靠的实现方式：

方法1：利用AppShell的Navigated事件 #

AppShell的Navigated事件会在所有页面导航（包括标签页切换）完成后触发，可通过这个事件统一调用ViewModel的加载方法：

1. 定义数据加载接口，规范ViewModel的加载行为：

public interface IDataLoadable
{
    Task LoadDataAsync();
}

2. 在ViewModel中实现该接口，编写API加载逻辑：

public class HomeViewModel : BaseViewModel, IDataLoadable
{
    private bool _isLoading;
    public bool IsLoading
    {
        get => _isLoading;
        set => SetProperty(ref _isLoading, value);
    }

    public ObservableCollection<Item> Items { get; } = new();

    public async Task LoadDataAsync()
    {
        if (IsLoading) return;
        IsLoading = true;

        try
        {
            Items.Clear();
            var data = await ApiService.FetchItemsAsync();
            foreach (var item in data)
            {
                Items.Add(item);
            }
        }
        catch (Exception ex)
        {
            await Application.Current.MainPage.DisplayAlert("错误", ex.Message, "确定");
        }
        finally
        {
            IsLoading = false;
        }
    }
}

3. 在AppShell中绑定Navigated事件，触发ViewModel的加载：

public partial class AppShell : Shell
{
    public AppShell()
    {
        InitializeComponent();
        Navigated += OnShellNavigated;
    }

    private async void OnShellNavigated(object sender, ShellNavigatedEventArgs e)
    {
        if (Current.CurrentPage?.BindingContext is IDataLoadable loadableVm)
        {
            await loadableVm.LoadDataAsync();
        }
    }
}

方法2：监听TabBar的CurrentItemChanged事件 #

如果仅针对标签页切换场景，可以直接监听TabBar的CurrentItemChanged事件：

1. 在AppShell.xaml中为TabBar添加事件：

<TabBar CurrentItemChanged="OnTabBarItemChanged">
    <Tab Title="首页" Icon="home.svg">
        <ShellContent ContentTemplate="{DataTemplate views:HomePage}" />
    </Tab>
    <Tab Title="消息" Icon="message.svg">
        <ShellContent ContentTemplate="{DataTemplate views:MessagePage}" />
    </Tab>
</TabBar>

2. 在AppShell.xaml.cs中实现事件处理逻辑：

private async void OnTabBarItemChanged(object sender, CurrentItemChangedEventArgs e)
{
    if (e.NewItem is Tab selectedTab)
    {
        var shellContent = selectedTab.Items.FirstOrDefault() as ShellContent;
        var page = shellContent.Content ?? shellContent.ContentTemplate.CreateContent() as Page;
        
        if (page?.BindingContext is IDataLoadable loadableVm)
        {
            await loadableVm.LoadDataAsync();
        }
    }
}

方法3：使用WeakReferenceMessenger发送加载指令 #

利用MAUI内置的WeakReferenceMessenger（替代旧的MessagingCenter），通过消息触发ViewModel加载数据，解耦性更强：

1. 定义加载消息类：

public class TriggerDataLoadMessage { }

2. 在ViewModel中注册消息监听：

public class MessageViewModel : BaseViewModel, IDataLoadable
{
    public MessageViewModel()
    {
        WeakReferenceMessenger.Default.Register<TriggerDataLoadMessage>(this, async (_, __) =>
        {
            await LoadDataAsync();
        });
    }

    public async Task LoadDataAsync()
    {
        // 同方法1的加载逻辑...
    }
}

3. 在需要触发加载的地方发送消息（比如AppShell的Navigated事件）：

private void OnShellNavigated(object sender, ShellNavigatedEventArgs e)
{
    WeakReferenceMessenger.Default.Send(new TriggerDataLoadMessage());
}

关键注意事项 #

• 加载时添加IsLoading状态判断，避免重复触发API请求；
• 务必在try-catch中处理API请求的异常，防止崩溃；
• 如果使用ContentTemplate创建页面，需确保页面的BindingContext已正确绑定到ViewModel。

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