Xamarin Forms页面背景色切换异常：为何蓝色背景未显示直接变红？

嘿，这个问题我太熟悉了——你这是不小心把UI线程给阻塞住啦！让我给你掰扯清楚为啥会这样，以及该怎么改。

问题根源：UI线程被阻塞了 #

Xamarin Forms里，页面的构造函数是在UI线程中执行的，而UI线程的核心工作就是渲染界面、响应用户操作。一旦你在这个线程里做了耗时/阻塞的操作（比如你的while循环+Thread.Sleep(1)），系统根本没机会去更新界面显示你设置的蓝色背景——直到整个构造函数跑完，UI线程才有空闲去刷新界面，这时候你已经把背景改成红色了，自然看不到蓝色。

咱们一步步拆解你的代码执行流程：

• 你设置了BackgroundColor = Color.Blue;，但这只是把值存在内存里，UI线程还没来得及把这个变化渲染到屏幕上。
• 紧接着进入while循环，里面的Thread.Sleep(1)不断让UI线程“休眠”，加上循环本身一直占着线程，UI线程完全没时间处理界面更新。
• 等循环结束，你设置BackgroundColor = Color.Red;，构造函数执行完毕，UI线程终于能干活了，这时候它只会渲染最后设置的红色背景。

正确的解决方案 #

下面给你两种常用的正确写法，都不会阻塞UI线程：

方案1：用异步等待（推荐） #

把延迟逻辑移到页面的OnAppearing生命周期方法里，用Task.Delay做异步等待，这样UI线程能正常处理界面渲染：

Random rnd = new Random();
public PlayGame()
{
    InitializeComponent();
    BackgroundColor = Color.Blue;
}

protected override async void OnAppearing()
{
    base.OnAppearing();
    // 异步等待1-5秒，不会卡住UI线程
    await Task.Delay(rnd.Next(1000, 5000));
    BackgroundColor = Color.Red;
}

方案2：用Xamarin自带的定时器 #

Xamarin Forms提供了Device.StartTimer，专门用来处理这种延迟执行的场景，代码更简洁：

Random rnd = new Random();
public PlayGame()
{
    InitializeComponent();
    BackgroundColor = Color.Blue;
    // 启动一个一次性定时器，延迟指定毫秒后执行逻辑
    Device.StartTimer(TimeSpan.FromMilliseconds(rnd.Next(1000, 5000)), () =>
    {
        BackgroundColor = Color.Red;
        // 返回false表示定时器只执行一次
        return false;
    });
}

最后提醒 #

记住：绝对不要在UI线程里做任何阻塞操作（比如Thread.Sleep、长时间循环、同步网络请求等），不然轻则界面卡顿，重则直接无响应，用户体验会很差。异步操作或者定时器才是处理这类延迟逻辑的正确姿势~

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