WinUI3页面切换后线程无法操控控件的问题求助

问题复现 #

现有两个页面：MainPage和BlankPage，相关代码如下：

MainPage.xaml代码 #

<Page
    x:Class="TestAPP.Views.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid x:Name="ContentArea">
        <TextBox x:Name="textBox" Height="400" Width="900"/>
    </Grid>
</Page>

MainPage.xaml.cs代码 #

using System.Diagnostics;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Navigation;
using static TestAPP.App;

namespace TestAPP.Views;

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        InitializeComponent();
    }

    private void example_function()
    {
        while (true)
        {
            Thread.Sleep(500);
            DispatcherQueue.TryEnqueue(() =>
            {
                textBox.Text += DateTime.Now + "  ";
            });
        }    
    }

    protected async override void OnNavigatedTo(NavigationEventArgs e)
    {
        Thread t = new Thread(example_function);
        if (GlobalVariables.flag)
        {
            t.Start();
            Debug.WriteLine("Thread start!");
            GlobalVariables.flag = false;
        }
    }
}

App.xaml.cs中的全局变量 #

public static class GlobalVariables
{
    public static bool flag = true;
}

现象 #

预期textBox能持续显示当前时间，但导航到BlankPage再返回MainPage后，textBox停止更新时间，效果如下：

问题原因 #

1. 页面实例重建：导航离开MainPage再返回时，系统会创建新的MainPage实例，原线程绑定的是旧实例的textBox控件，新实例的textBox并未被线程关联。
2. 全局flag限制：GlobalVariables.flag设为false后，第二次导航回来不会启动新线程，新页面的textBox没有线程负责更新。
3. 线程无终止逻辑：原线程持续运行，但操作的是已销毁的旧页面控件，对用户表现为“停止工作”。

解决方案 #

方案一：页面独立线程+导航生命周期管理 #

修改MainPage.xaml.cs，让线程随页面导航启动/终止，避免操作无效控件：

using System.Diagnostics;
using System.Threading;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Navigation;

namespace TestAPP.Views;

public sealed partial class MainPage : Page
{
    private Thread _updateThread;
    private volatile bool _isRunning;

    public MainPage()
    {
        InitializeComponent();
    }

    private void example_function()
    {
        while (_isRunning)
        {
            Thread.Sleep(500);
            DispatcherQueue.TryEnqueue(() =>
            {
                textBox.Text += DateTime.Now + "  ";
            });
        }    
    }

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);
        _isRunning = true;
        _updateThread = new Thread(example_function);
        _updateThread.Start();
        Debug.WriteLine("Thread start!");
    }

    protected override void OnNavigatedFrom(NavigationEventArgs e)
    {
        base.OnNavigatedFrom(e);
        _isRunning = false;
        _updateThread.Join();
        Debug.WriteLine("Thread stopped!");
    }
}

优势：每个页面实例拥有独立线程，导航离开时线程自动终止，无无效控件操作和线程泄漏问题。

方案二：全局数据绑定+分离UI与业务逻辑 #

通过数据绑定让UI自动同步全局数据，避免线程与控件直接绑定：

1. 创建全局可观察数据类：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class TimeData : INotifyPropertyChanged
{
    private string _timeText;
    public string TimeText
    {
        get => _timeText;
        set
        {
            _timeText = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在App.xaml.cs中初始化全局实例并启动更新线程：

using System.Threading;

public static class GlobalVariables
{
    public static TimeData TimeDataInstance { get; } = new TimeData();
    private static Thread _updateThread;
    private static volatile bool _isRunning;

    static GlobalVariables()
    {
        _isRunning = true;
        _updateThread = new Thread(UpdateTime);
        _updateThread.Start();
    }

    private static void UpdateTime()
    {
        while (_isRunning)
        {
            Thread.Sleep(500);
            TimeDataInstance.TimeText += DateTime.Now + "  ";
        }
    }
}

3. 修改MainPage.xaml绑定全局数据：

<TextBox x:Name="textBox" Height="400" Width="900" Text="{x:Bind TestAPP.App.GlobalVariables.TimeDataInstance.TimeText, Mode=OneWay}"/>

4. 简化MainPage.xaml.cs：

using Microsoft.UI.Xaml.Controls;

namespace TestAPP.Views;

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        InitializeComponent();
    }
}

优势：UI与业务逻辑分离，无论页面如何导航，只要绑定有效就会自动刷新数据，避免控件绑定失效问题。

方案三：使用DispatcherTimer替代后台线程 #

WinUI推荐用DispatcherTimer处理UI定时任务，无需手动线程调度：

using System.Diagnostics;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Navigation;
using Microsoft.UI.Xaml;

namespace TestAPP.Views;

public sealed partial class MainPage : Page
{
    private DispatcherTimer _timer;

    public MainPage()
    {
        InitializeComponent();
    }

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);
        _timer = new DispatcherTimer();
        _timer.Interval = TimeSpan.FromMilliseconds(500);
        _timer.Tick += Timer_Tick;
        _timer.Start();
        Debug.WriteLine("Timer started!");
    }

    private void Timer_Tick(object sender, object e)
    {
        textBox.Text += DateTime.Now + "  ";
    }

    protected override void OnNavigatedFrom(NavigationEventArgs e)
    {
        base.OnNavigatedFrom(e);
        _timer.Stop();
        _timer.Tick -= Timer_Tick;
        _timer = null;
        Debug.WriteLine("Timer stopped!");
    }
}

优势：专为UI线程设计，无需手动调用DispatcherQueue，代码简洁，避免线程相关错误。

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