WPF从非UI线程中更新UI元素

最新推荐文章于 2024-07-04 10:36:40 发布

浪子花梦

最新推荐文章于 2024-07-04 10:36:40 发布

阅读量2.1k

点赞数 3

分类专栏： WPF杂谈文章标签： WPFUI线程 WPF线程 WPF线程池线程池

本文链接：https://blog.csdn.net/weixin_42100963/article/details/107729051

版权

WPF杂谈专栏收录该内容

18 篇文章 4 订阅

订阅专栏

有时候我们需要更新UI元素上的数据，但是这个数据计算的时候非常的长，这就给ui线程，这个程序带来了 “冻结” . . .

例如我们先准备下面的UI：
在这里插入图片描述
当我们点击按钮时，计算出 1 到 1y 之间的偶数与奇数的个数，很明显这个计算量非常的大，计算的代码如下所示：

private void Calculator(int from, int to)
{
    tmpJsValue = 0;
    tmpEsValue = 0;   
    
    for (Int32 i = from; i < to; i++)
    {
        if (i % 2 == 0) ++tmpEsValue;
        else ++tmpJsValue;
    }
}

Int32 tmpJsValue = 0;
Int32 tmpEsValue = 0;

private void Button_Click(object sender, RoutedEventArgs e)
{
    this.btn.IsEnabled = false;

    this.esValue.Text = "0";
    this.jsValue.Text = "0";

    Calculator(0, 1000000000);

    this.esValue.Text = tmpEsValue.ToString();
    this.jsValue.Text = tmpJsValue.ToString();

    this.btn.IsEnabled = true;
}

使用UI的线程计算效果如下所示：
在这里插入图片描述

这种情况在我们的程序中是不能发生的，下面我们利用线程池来解决这种问题，代码如下所示：

private void Calculator(int from, int to)
{
    tmpJsValue = 0;
    tmpEsValue = 0;   
    
    for (Int32 i = from; i < to; i++)
    {
        if (i % 2 == 0) ++tmpEsValue;
        else ++tmpJsValue;
    }
}

Int32 tmpJsValue = 0;
Int32 tmpEsValue = 0;

private void Button_Click(object sender, RoutedEventArgs e)
{
    this.btn.IsEnabled = false;

    this.esValue.Text = "0";
    this.jsValue.Text = "0";

    ThreadPool.QueueUserWorkItem(obj =>
    {
        Calculator(1, 1000000000);

        Dispatcher.BeginInvoke(new Action(() =>
        {
            this.esValue.Text = tmpEsValue.ToString();
            this.jsValue.Text = tmpJsValue.ToString();

            this.btn.IsEnabled = true;
        }));
    });

}