MAUI应用中如何在ViewModel实现页面重载时的在线API数据获取？

针对你的需求，下面是几种在ViewModel中处理页面Appearing/Disappearing事件、实现互联网数据加载的规范方式，按推荐优先级排序：

1. 事件绑定 + CommunityToolkit.Mvvm RelayCommand（最推荐） #

这是官方MVVM库推荐的方式，直接通过XAML将页面生命周期事件绑定到ViewModel的命令，逻辑清晰且符合MVVM设计。

步骤： #

1. 安装CommunityToolkit.Mvvm NuGet包（MAUI官方推荐的MVVM工具库）
2. 在ViewModel中定义异步加载命令和清理命令：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

public partial class YourViewModel : ObservableObject
{
    // 标记为RelayCommand，自动生成可绑定的LoadDataCommand属性
    [RelayCommand]
    private async Task LoadDataAsync()
    {
        // 这里编写从互联网获取数据的逻辑
        // 示例：调用API并更新绑定的数据源
        // var response = await _apiService.GetDataAsync();
        // YourDataCollection.Clear();
        // foreach(var item in response) YourDataCollection.Add(item);
    }

    [RelayCommand]
    private void CleanUpOnDisappear()
    {
        // 页面消失时的清理逻辑：取消未完成的网络请求、释放资源等
        // 示例：_cancellationTokenSource?.Cancel();
    }
}

3. 在页面XAML中绑定事件到ViewModel的命令：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:YourApp.ViewModels"
             x:Class="YourApp.Views.YourPage"
             Appearing="{Binding LoadDataCommand}"
             Disappearing="{Binding CleanUpOnDisappearCommand}">
    <ContentPage.BindingContext>
        <vm:YourViewModel />
    </ContentPage.BindingContext>

    <!-- 页面内容，比如绑定数据的ListView/CollectionView -->
</ContentPage>

2. 实现MAUI原生IPageLifecycleAware接口（无第三方依赖） #

如果不想引入额外NuGet包，可以使用MAUI原生提供的IPageLifecycleAware接口，让ViewModel直接感知页面生命周期。

步骤： #

1. ViewModel实现IPageLifecycleAware接口：

using Microsoft.Maui.Controls;

public class YourViewModel : IPageLifecycleAware
{
    public void OnAppearing()
    {
        // 页面出现时触发数据加载，异步任务需用_ = 避免警告
        _ = LoadDataAsync();
    }

    public void OnDisappearing()
    {
        // 页面消失时执行清理
        CleanUpResources();
    }

    private async Task LoadDataAsync()
    {
        // 互联网数据加载逻辑
    }

    private void CleanUpResources()
    {
        // 资源清理逻辑
    }
}

2. 在页面代码后置中绑定ViewModel到生命周期事件：

public partial class YourPage : ContentPage
{
    public YourPage(YourViewModel viewModel)
    {
        InitializeComponent();
        BindingContext = viewModel;
        
        // 检查ViewModel是否实现了生命周期接口，绑定事件
        if (viewModel is IPageLifecycleAware lifecycleVm)
        {
            Appearing += (s, e) => lifecycleVm.OnAppearing();
            Disappearing += (s, e) => lifecycleVm.OnDisappearing();
        }
    }
}

3. 消息传递（复杂场景适用） #

如果需要跨组件解耦（比如多个ViewModel需响应同一页面事件），可以用消息传递机制，推荐使用CommunityToolkit.Mvvm的IMessenger。

示例： #

1. 定义消息类：

using CommunityToolkit.Mvvm.Messaging;
using Microsoft.Maui.Controls;

public class PageAppearingMessage : ValueChangedMessage<Page>
{
    public PageAppearingMessage(Page page) : base(page) { }
}

2. ViewModel订阅消息：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Messaging;

public partial class YourViewModel : ObservableObject, IRecipient<PageAppearingMessage>
{
    public YourViewModel(IMessenger messenger)
    {
        // 注册消息订阅
        messenger.Register(this);
    }

    public void Receive(PageAppearingMessage message)
    {
        // 可选：验证消息来源页面
        if (message.Value is YourPage)
        {
            _ = LoadDataAsync();
        }
    }

    private async Task LoadDataAsync()
    {
        // 数据加载逻辑
    }
}

3. 页面发送消息：

public partial class YourPage : ContentPage
{
    private readonly IMessenger _messenger;

    public YourPage(YourViewModel viewModel, IMessenger messenger)
    {
        InitializeComponent();
        BindingContext = viewModel;
        _messenger = messenger;
    }

    protected override void OnAppearing()
    {
        base.OnAppearing();
        // 发送页面出现的消息
        _messenger.Send(new PageAppearingMessage(this));
    }
}

关键注意事项 #

• 异步处理：网络请求必须用async/await，避免阻塞UI线程，保证页面流畅。
• 请求取消：在页面消失时，用CancellationTokenSource取消未完成的网络请求，防止内存泄漏和无效请求。
• 加载状态：建议在ViewModel中添加IsLoading布尔属性，绑定到UI的加载指示器，提升用户体验。

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