Xamarin Forms中Label的text属性仅在操作序列结束时更新一次问题

问题根源 #

你所有的取值操作和Thread.Sleep都运行在UI主线程上，主线程同时负责处理UI渲染逻辑，被阻塞时所有属性变更通知都会堆在消息队列中等待，直到整段逻辑执行完成、主线程空闲后才会批量处理，所以只会看到最后一次的更新结果。

修复步骤 #

1. 将同步阻塞逻辑改为异步非阻塞 #

把所有Thread.Sleep替换为await Task.Delay，调整方法签名为异步模式，去掉不必要的ref参数（引用类型不需要加ref传递）：

// 调整原执行逻辑为异步方法
public static async Task RaiseYerHand(CreatureBuilder cb, CreatureBuilder cbP)
{
    // . . . 其他原有逻辑
    string temp = cb.getEmotions(1,true)[1]; 
    
    // 替换同步阻塞的Sleep为异步等待
    await Task.Delay(500);

    if (cb.getHP() < 1)
        return;

    await EnemyRaisedABiggerOne(cb, cbP);
}

public static async Task EnemyRaisedABiggerOne(CreatureBuilder cb, CreatureBuilder cbP)
{
    string temp = cb.getEmotions(0,true)[0]; 
    await Task.Delay(400);

    temp = cb.getEmotions(2,true)[2]; 
    //. . . 其他原有逻辑
    temp = cb.getEmotions(3,true)[3]; 
    await Task.Delay(1100);
}

2. 确保UI属性更新调度到主线程 #

调整事件处理逻辑，避免跨线程更新UI导致的异常或延迟：

void _OnCBPropertyChanged(object sender, PropertyChangedEventArgs e)
{
    if (e.PropertyName == "emotions")
    {
        var creature = (CreatureBuilder)sender;
        var emotionVal = creature.getEmotions(creature.getlastEmotionReproduced(),false)[creature.getlastEmotionReproduced()];
        // 强制将UI属性更新调度到主线程执行
        MainThread.BeginInvokeOnMainThread(() => 
        {
            EmotionsView = emotionVal;
        });
    }
}

3. 调整触发逻辑的调用方式 #

按钮点击等事件处理器改为异步模式，用await调用异步方法，不要同步阻塞主线程：

// 按钮点击事件示例
private async void OnTriggerButtonClicked(object sender, EventArgs e)
{
    // 异步调用执行逻辑，不会阻塞主线程
    await RaiseYerHand(cb, cbP);
}

修改后每次属性变更通知发出时，主线程都有空闲处理UI渲染，就能实现Label文本的实时更新。

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