MAUI结合CommunityToolkit ObservableProperty处理时UI不更新问题

你的耗时操作完全在主线程执行，阻塞了UI刷新循环——虽然你调用了UpdateStatus更新Status属性，但主线程被耗时任务占满，根本没时间处理UI刷新请求，直到整个流程结束后才会一次性渲染所有更新，所以用户看不到"Begin"状态。

核心思路是把耗时操作移到后台线程释放主线程，同时确保UI属性更新在主线程执行（MAUI要求所有UI操作必须在主线程完成）。

修改后的ViewModel代码 #

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Microsoft.Maui.ApplicationModel;

namespace myNamespace 
{
   public partial class MyClassVM: ObservableObject
   {
        [ObservableProperty]
        string status;

        // 改用异步RelayCommand，释放主线程
        [RelayCommand]
        async Task DoStuff()
        {
          var myUseCase = new DoStuffUseCase();
          // 将耗时操作委托给后台线程执行
          await Task.Run(() => myUseCase.Execute(UpdateStatus));
        }

        public void UpdateStatus(string text, bool isThreadRunning)
        {
            // 强制在主线程更新UI属性，确保实时刷新
            MainThread.BeginInvokeOnMainThread(() =>
            {
                Status = text;
            });
        }
   }
}

优化方案（推荐） #

如果你的业务逻辑可以改成异步实现，建议直接使用异步方法替代Task.Run，代码更优雅且避免线程切换开销：

异步化UseCase #

public async Task ExecuteAsync(Action<string, bool> callback)
{
    callback("Begin", true);
    // 替换为实际的异步耗时操作（比如数据库查询、文件IO等）
    await Task.Delay(30000); // 模拟30秒耗时任务
    callback("End", false);
}

对应ViewModel修改 #

[RelayCommand]
async Task DoStuff()
{
    var myUseCase = new DoStuffUseCase();
    await myUseCase.ExecuteAsync(UpdateStatus);
}

• Task.Run：把耗时操作从主线程移到后台线程，让主线程能及时处理UI刷新
• MainThread.BeginInvokeOnMainThread：确保属性更新操作在主线程执行，符合MAUI的UI线程安全要求

内容的提问来源于stack exchange，提问作者D. Kermott