【WPF】异步任务更新UI、绑定命令、绑定字符串属性

已于 2023-03-17 10:26:19 修改
阅读量2k 收藏 4
点赞数 1
分类专栏： WPF C# 文章标签： wpf ui c#
于 2023-03-17 10:25:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxyhjl/article/details/129612801
版权
C# 同时被 2 个专栏收录
27 篇文章 4 订阅
订阅专栏
WPF
8 篇文章 0 订阅
订阅专栏

WPF异步任务

主界面

属性改变触发UI更新：

        //打印的内容：文本框显示的内容
        public string PrintNumbers
        {
            get { return printNumbers; }
            set
            {
                printNumbers = value;
                RaisePropertyChanged();
            }
        }
        <TextBox Name="Execution" HorizontalAlignment="Right"
                 Height="649" Margin="0,10,10,0" TextWrapping="Wrap"
                 ScrollViewer.HorizontalScrollBarVisibility="Visible"
                 ScrollViewer.VerticalScrollBarVisibility="Auto"
                 Text="{Binding PrintNumbers,Mode=TwoWay,
                 UpdateSourceTrigger=PropertyChanged}"
                 VerticalAlignment="Top" Width="692" Grid.Column="1" />

命令绑定：

在视图模型中定义命令：

        //绑定的命令
        public ICommand StartButtonCommand { get; set; }
        public ICommand AddTaskCommand { get; set; }
        public ICommand ClearAllData { get; set; }

在主界面xaml中绑定命令：

        <Button Content="Start Task"  Height="36"
                Margin="10,30,797,0" 
                VerticalAlignment="Top"
                Width="119" Command="{Binding StartButtonCommand}" Grid.Column="1"/>

 创建命令实例：

            StartButtonCommand = new DelegateCommand(TaskExecutionOrder);
            AddTaskCommand = new DelegateCommand(SelectedTaskExecution);
            ClearAllData = new DelegateCommand(ClearData);

绑定RadioButton属性：

        //radiobutton绑定的属性  
        public bool IsOddChecked //选择奇数属性
        {
            get { return isOddChecked; }
            set { SetProperty(ref isOddChecked, value); RaisePropertyChanged(); }
        }
        //radiobutton绑定的属性 
        public bool IsEvenChecked//选择偶数属性
        {
            get { return isEvenChecked; }
            set { SetProperty(ref isEvenChecked, value); RaisePropertyChanged(); }
        }
 <RadioButton x:Name="chckOddNum" Content="OddNumbers" 
                     HorizontalAlignment="Left" Margin="10,413,0,0" 
                     VerticalAlignment="Top"  
                     IsChecked="{Binding IsOddChecked,Mode=TwoWay,
                     UpdateSourceTrigger=PropertyChanged}" Height="44" Width="119" RenderTransformOrigin="1,0.546" Grid.Column="1"/>

执行异步任务：

        private static Queue<Action> queue = new Queue<Action>();//操作队列
        private static readonly object queuelock = new object();//队列锁
Task.Run(() => ExecuteTasks());//执行异步任务，从队列中取出任务动作
  //开始按钮执行异步任务
        private async void ExecuteTasks()
        {
            
            while (true)
            {
                Action task = null;
                lock (queuelock)
                {
                    if (queue.Count > 0)
                    {
                        task = queue.Dequeue();//取出一个任务操作
                    }
                }
                if (task != null)
                {
                    await Task.Run(() =>
                    {
                        task.Invoke();
                        Thread.Sleep(100);
                    });
                }

            }
        }
        //开始按钮委托命令  ：执行 奇数、偶数任务
        public void TaskExecutionOrder()
        {
            queue.Enqueue(OddNumbers);
            queue.Enqueue(EvenNumbers);
            taskCount = queue.Count;//任务数
        }
  //奇数任务操作
        private void OddNumbers()
        {
                Dispatcher.CurrentDispatcher.Invoke(() =>
               {
                   this.PrintNumbers += Environment.NewLine;
                   this.PrintNumbers += Environment.NewLine;
                   this.PrintNumbers += "OddNumbers between 1 to 100" + Environment.NewLine + "Task:" + " " + taskNumber.ToString();
                   this.PrintNumbers += Environment.NewLine;
                   this.ExecutionOrder += "Task:" + taskNumber.ToString() + "-Started" + "\n";

               });
                for (int i = 0; i <= 100; i++)
                {

                    Dispatcher.CurrentDispatcher.Invoke(() =>
                    {
                        if (i % 2 != 0)//奇数
                        {
                            this.PrintNumbers += i.ToString() + " "; //属性改变，触发UI更新

                            Thread.Sleep(10);
                        }

                    });

                }
                
                this.ExecutionOrder += "Task:" + taskNumber.ToString() + "-Stopped" + "\n";
                taskNumber++;//下一任务号
                Thread.Sleep(1000);
            
        }

完整代码：

XAML主界面：

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="53*"/>
            <ColumnDefinition Width="739*"/>
        </Grid.ColumnDefinitions>
        <TextBox Name="Execution" HorizontalAlignment="Right"
                 Height="649" Margin="0,10,10,0" TextWrapping="Wrap"
                 ScrollViewer.HorizontalScrollBarVisibility="Visible"
                 ScrollViewer.VerticalScrollBarVisibility="Auto"
                 Text="{Binding PrintNumbers,Mode=TwoWay,
                 UpdateSourceTrigger=PropertyChanged}"
                 VerticalAlignment="Top" Width="692" Grid.Column="1" />

        <Button Content="Start Task"  Height="36"
                Margin="10,30,797,0" 
                VerticalAlignment="Top"
                Width="119" Command="{Binding StartButtonCommand}" Grid.Column="1"/>

        <RadioButton x:Name="chckOddNum" Content="OddNumbers" 
                     HorizontalAlignment="Left" Margin="10,413,0,0" 
                     VerticalAlignment="Top"  
                     IsChecked="{Binding IsOddChecked,Mode=TwoWay,
                     UpdateSourceTrigger=PropertyChanged}" Height="44" Width="119" RenderTransformOrigin="1,0.546" Grid.Column="1"/>

        <RadioButton x:Name="chckEvenNum" Content="EvenNumbers" 
                     HorizontalAlignment="Left" Margin="10,462,0,0" 
                     VerticalAlignment="Top" IsChecked="{Binding IsEvenChecked,
                     Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Height="42" Width="119" Grid.Column="1"/>

        <Button Content="Add Task"  Height="31" HorizontalAlignment="Left"
            Margin="10,543,0,0" VerticalAlignment="Top" Width="119"
            Command="{Binding AddTaskCommand}" Grid.Column="1"/>

        <TextBox HorizontalAlignment="Left" Height="296" 
                 VerticalScrollBarVisibility="Auto" 
                 HorizontalScrollBarVisibility="Auto" Margin="31,88,0,0" 
                 VerticalAlignment="Top" Width="216" 
                 Text="{Binding ExecutionOrder,UpdateSourceTrigger=PropertyChanged}" Grid.ColumnSpan="2"/>

        <Button Content="ClearAll" HorizontalAlignment="Left" Margin="10,604,0,0" 
                VerticalAlignment="Top" Command="{Binding ClearAllData,
                UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}" Width="119" 
                Height="30" Grid.Column="1"/>
    </Grid>

主界面交互逻辑：

namespace MultiThreadingWPF
{
    using Prism.Commands;
    using Prism.Mvvm;
    using System;
    using System.Collections.Generic;
    using System.Threading;
    using System.Threading.Tasks;
    using System.Windows.Input;
    using System.Windows.Threading;
    using MultiThreadingWPF.Model;

    public class MainWindowViewModel : BindableBase
    {

        private static Queue<Action> queue = new Queue<Action>();//操作队列
        private static readonly object queuelock = new object();//队列锁

        private string printNumbers;//打印的数字
        private string taskName;//任务名
        private static int taskNumber = 1;//任务号

        private TaskModel __taskModel;//任务模型  未使用

        private string executionOrder;//             执行订单

        private bool isOddChecked;//奇数选择字段
        private bool isEvenChecked;//偶数选择字段
        //绑定的命令
        public ICommand StartButtonCommand { get; set; }
        public ICommand AddTaskCommand { get; set; }
        public ICommand ClearAllData { get; set; }
        //任务数
        private int taskCount;
        //未使用TaskModel 
        public TaskModel TasksModel
        {
            get { return __taskModel; }
            set { SetProperty(ref __taskModel, value); RaisePropertyChanged(); }
        }
        
        public string ExecutionOrder//
        {
            get { return executionOrder; }
            set { SetProperty(ref executionOrder, value); RaisePropertyChanged(); }
        }
        //radiobutton绑定的属性  
        public bool IsOddChecked //选择奇数属性
        {
            get { return isOddChecked; }
            set { SetProperty(ref isOddChecked, value); RaisePropertyChanged(); }
        }
        //radiobutton绑定的属性 
        public bool IsEvenChecked//选择偶数属性
        {
            get { return isEvenChecked; }
            set { SetProperty(ref isEvenChecked, value); RaisePropertyChanged(); }
        }
        //任务名
        public string TaskName
        {
            get { return taskName; }
            set
            {
                taskName = value;
                RaisePropertyChanged();
            }
        }
        //打印的内容：文本框显示的内容
        public string PrintNumbers
        {
            get { return printNumbers; }
            set
            {
                printNumbers = value;
                RaisePropertyChanged();
            }
        }
       //任务数
        public int TaskCount
        {
            get { return taskCount; }
            set { taskCount = value; RaisePropertyChanged(); }
        }
        //主窗体视图模型
          public MainWindowViewModel()
        {
            TasksModel = new TaskModel(); 
            StartButtonCommand = new DelegateCommand(TaskExecutionOrder);
            AddTaskCommand = new DelegateCommand(SelectedTaskExecution);
            ClearAllData = new DelegateCommand(ClearData);
            Task.Run(() => ExecuteTasks());
        }
        //添加（选择的radiobuttion）任务按钮 委托命令   
        private void SelectedTaskExecution()
        {
            if(isEvenChecked)
            {
                Task.Run(()=>EvenNumbers());
            }
            else if(isOddChecked)
            {
                Task.Run(()=>OddNumbers());
            }
            else
            {
                this.PrintNumbers += "Please select any one Task to be executed"+"\n"; 
            }
        }
        //开始按钮委托命令  ：执行 奇数、偶数任务
        public void TaskExecutionOrder()
        {
            queue.Enqueue(OddNumbers);
            queue.Enqueue(EvenNumbers);
            taskCount = queue.Count;
        }
        //开始按钮执行异步任务
        private async void ExecuteTasks()
        {
            
            while (true)
            {
                Action task = null;
                lock (queuelock)
                {
                    if (queue.Count > 0)
                    {
                        task = queue.Dequeue();//取出一个任务操作
                    }
                }
                if (task != null)
                {
                    await Task.Run(() =>
                    {
                        task.Invoke();
                        Thread.Sleep(100);
                    });
                }

            }
        }
        //偶数任务操作
        private void EvenNumbers()
        {       //线程池线程 调用UI控件绑定属性
                 Dispatcher.CurrentDispatcher.Invoke(() =>
                {
                    this.PrintNumbers += Environment.NewLine;
                    this.PrintNumbers += Environment.NewLine;
                    this.PrintNumbers += "EvenNumbers between 1 to 100" + Environment.NewLine + "Task:" + " " + taskNumber.ToString();
                    this.PrintNumbers += Environment.NewLine;
                    this.ExecutionOrder += "Task:" + taskNumber.ToString() + "-Started " + "\n";

                });

            for (int i = 0; i <= 100; i++)//偶数
            {
                Dispatcher.CurrentDispatcher.Invoke(() =>
                {
                    if (i % 2 == 0)
                    {
                        this.PrintNumbers += i.ToString() + " ";
                        Thread.Sleep(10);
                    }
                });
            }

            this.ExecutionOrder += "Task:" + taskNumber.ToString() + "-Stopped" + "\n";
            taskNumber++;
            Thread.Sleep(1000);
        }
        //奇数任务操作
        private void OddNumbers()
        {
                Dispatcher.CurrentDispatcher.Invoke(() =>
               {
                   this.PrintNumbers += Environment.NewLine;
                   this.PrintNumbers += Environment.NewLine;
                   this.PrintNumbers += "OddNumbers between 1 to 100" + Environment.NewLine + "Task:" + " " + taskNumber.ToString();
                   this.PrintNumbers += Environment.NewLine;
                   this.ExecutionOrder += "Task:" + taskNumber.ToString() + "-Started" + "\n";

               });
                for (int i = 0; i <= 100; i++)
                {

                    Dispatcher.CurrentDispatcher.Invoke(() =>
                    {
                        if (i % 2 != 0)//奇数
                        {
                            this.PrintNumbers += i.ToString() + " ";

                            Thread.Sleep(10);
                        }

                    });

                }
                
                this.ExecutionOrder += "Task:" + taskNumber.ToString() + "-Stopped" + "\n";
                taskNumber++;//下一任务号
                Thread.Sleep(1000);
            
        }
        //清空按钮 委托命令
        private void ClearData()
        {
            PrintNumbers = string.Empty;//文本框显示的内容
           
        }
       
    }
}

任务模型 TaskModel.cs----未使用

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MultiThreadingWPF.Model 
{
    public class TaskModel : INotifyPropertyChanged
    {
        private string TaskName { get; set; }  //任务名
        private string PrintNumbers { get; set; } //打印的字符串

        public event PropertyChangedEventHandler PropertyChanged; //属性改变事件
    }
}

十年一梦实验室
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF 异步执行方法后对 UI 进行更新的几种方法
weixin_33827590的博客
01-03 399
2019独角兽企业重金招聘Python工程师标准>>> ...
WPF异步更新UI
flysh05的专栏
01-21 1300
在UI定义一个TextBox和一个Button 测试异步函数更新UI。<TextBox x:Name="txtSN" Margin="2" VerticalAlignment="Center"></TextBox> <Button x:Name="btnUpdateSn" Margin="2" VerticalAlignment="Center" Click="btnUpdateSn_Click">UpdateSN</Button>定义一个异步函数：
wpf线程中更新UI的4种方式
最新发布
故里2130
05-04 1087
总结：通过案例，可以了解到，上面4种方式，对于此案例来说都可以达到最终的效果，但是那一种效果最好，并没有体现出来。博主认为：第三种最好，原因是从这个需求上考虑的，因为需求需要更新的就是txtUsername上面的数据，那么直接作用于它，对于资源的耗损，将是最少得。在wpf中，更新UI上面的数据，那是必经之路，搞不好，就是死锁，或者没反应，很多时候，都是嵌套的非常深导致的。但是更新UI的方式，有很多的种，不同的方式，表示的意思不一样，但是眼睛看到的，似乎是一回事。点击确定后，和前面的效果是一样的。
wpf ui更新
qq_27657279的博客
03-22 227
wpf UI 更新。
WPF如何在viewmodel中异步更新UI
qq_39055391的博客
05-14 1673
这时候我们可以先获取viewmodel线程（和view线程相等）中的dispatcher，之后再在异步任务中使用dispatcher。但如果是在view绑定的viewmodel类中，是不能直接进行this.Dispatcher.Invoke的。如果是在view类下，直接使用this.Dispatcher.Invoke就可以异步进行UI更新。
WPF异步更新UI的两种方法
热门推荐
Fourier的博客
09-24 2万+
首先强调一点：异步更新UI实际上就是新开一个线程，执行耗时的任务，但是UI上的东西又不能被其他线程访问，所以非UI线程分析UI的那几条代码用一种特殊的方法来执行，从而实现既可以将耗时的操作放在其他线程，有可以更新UI。 1、方法一 案例：UI上有三个TextBlock，一个Button，当点击button的时候新三个task产生随机数（模拟耗时操作），然后将产生的随机数给UI显示
WPF 异步更新 UI 的几种方法
外来物种
12-17 3011
▪ 说明 首先强调一点：异步更新 UI 实际上就是新开一个线程，然后线程执行一些耗时的任务，而 UI 线程继续响应用户的操作。 但是 WPF 的机制确限制新开的线程不能直接访问 UI 控件，所以 非UI线程 访问 UI 控件就需要用一种特殊的方法来执行。 ▪ 使用 Task 类异步更新 环境：Task 类需要 .Net 4.0 以上 案例：UI 上有三个 TextBlock，一个 Button 逻辑：当点击 Button 的时候新三个 Task 产生随机数（模拟耗时操作），然后将产生的随机数给UI显示 pr
WPF MVVM制作发送短信小按钮
09-01
总之，制作WPF MVVM发送短信小按钮涉及到的主要知识点包括：MVVM设计模式、数据绑定、UI状态管理、定时器的使用、以及异步编程。通过这个实例，开发者可以更好地理解如何在WPF应用中实现复杂的业务逻辑，并保持代码...
.NET Framework 4.5新特性介绍
10-28
- 字符串比较和排序支持按区域信息进行，提高本地化处理的准确性。 - 资源检索性能提升，加快应用程序响应速度。 - Zip压缩算法优化，压缩文件大小减小。 - 自定义反射上下文（CustomReflectionContext类），...
WPF后台线程更新UI
04-06
WPF后台线程更新UI---http://www.tuicool.com/articles/NbieE3M
wpf 开线程处理数据异步更新UI
weixin_39619674的博客
05-27 377
Private Async Sub FAsync() ... Await Task.Factory.StartNew(AddressOf FTest) ... End Sub 线程： Private Sub FTest() ...数据处理 System.Windows.Application.Current.Dispatcher.Invoke(New Action(AddressOf 主线程更新UI的函数)) ...数据处理 End Sub ...
WPF 使用Task更新UI
韬光养晦
07-15 2818
WPF 使用Task更新UI 有时候，我们需要操作比较耗时的操作，但又不想界面出现假死现象来等待我们的操作，我们可以使用一些遮罩层动画，在进行耗时的操作时，用一些加载动画来规避界面假死； Task task = new Task(() => { //开启加载动画跨线程更新UI（myAnimation指遮罩层动画） this.Dispatcher.Invoke(() => {
WPF中级面试之UI更新和绑定
上山的人啊，请不要嘲讽下山的神
07-14 343
WPF中级面试之UI更新和绑定，面试中经常会遇到这个问题，回答一定不要局限于一个内容
WPF 不阻塞UI线程更新UI的方式
flysh05的专栏
09-17 4513
WPF App中经常因为更新UI导致界面假死，无法操作的情况，下面我就更新UI不阻塞UI线程的方式，从2个方面测试。 方式1， 使用System.Windows.Forms.Application.DoEvents() 方法 倒计时，UI从60，59 显示直到0. private int Num = 60; private void btnCount_Click(object sender, RoutedEventArgs e) { ...
WPF自学笔记（四）：子线程更新UI（Dispatcher.BeginInvoke）
雨寒sgg的博客
06-02 5662
   在做WPF开发时，如果直接在子线程里更新UI会报错—–“调用线程无法访问此对象，因为另一个线程拥有该对象。”，这是因为WPF禁止在非UI线程里直接更新UI界面。 解决方案：   在子线程里调用Dispatcher.BeginInvoke()或者Invoke()方法。    例如更新一个Button上的文字内容，可以在子线程里这样写： this.myButton.Dispatch...
WPF异步编程
琅嬛福地
11-16 570
在WPF应用程序中进行异步编程是非常重要的，因为这有助于保持用户界面的响应性，特别是当执行长时间运行的操作时，例如访问网络资源、进行大量的数据处理或调用耗时的I/O操作。: WPF使用Dispatcher对象来管理对UI元素的访问。Dispatcher在UI线程上运行，并确保UI组件的线程安全。当需要在后台线程中更新UI时，可以使用Dispatcher来安排一个操作回到UI线程。.NET提供了几种异步编程模式。async和await。
wpf 绑定字符串参数到textblock控件
06-02
您可以使用WPF的数据绑定将字符串参数绑定到TextBlock控件。以下是一个简单的示例： 1. 在XAML中，为TextBlock控件指定一个名字，例如： ``` <TextBlock x:Name="myTextBlock" /> ``` 2. 在后台代码中，创建一个字符串变量，并将其设置为您要绑定到TextBlock的值。例如： ``` string myString = "Hello, world!"; ``` 3. 将该字符串变量设置为TextBlock控件的DataContext，以便它可以被绑定。例如： ``` myTextBlock.DataContext = myString; ``` 4. 在TextBlock控件中，使用绑定表达式将DataContext绑定到Text属性。例如： ``` <TextBlock x:Name="myTextBlock" Text="{Binding}" /> ``` 现在，当您运行应用程序时，TextBlock控件将会显示绑定的字符串值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值