前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >[C# 上位机开发记录] 解决UI卡顿问题

[C# 上位机开发记录] 解决UI卡顿问题

作者头像
科控物联
发布2022-03-29 18:40:53
发布2022-03-29 18:40:53
3.8K20
代码可运行
举报
文章被收录于专栏:科控自动化科控自动化
运行总次数:0
代码可运行

视频演示:http://mpvideo.qpic.cn/0b2e4yaaiaaaa4alewnoojqvbzwdattaabaa.f10002.mp4?

通讯写好之后,通过定时器刷新界面--定时把数据显示在UI上.

如果通讯正常,一切正常.很流畅,感觉很完美.主要代码如下:

代码语言:javascript
代码运行次数:0
运行
复制
        private void btnTimerRead_Click( object sender, EventArgs e )
        {
            // 定时读取
            if (timerRead)
            {
                timerRead = false;
                timer?.Dispose( );
                btnTimerRead.Text = "定时读取";
            }
            else
            {
                timerRead = true;
                timer = new System.Windows.Forms.Timer( );
                timer.Interval = int.Parse( textBox12.Text );
                timer.Tick += Timer_Tick;
                timer.Start( );
                btnTimerRead.Text = "Stop";
            }
        }

        private async void Timer_Tick( object sender, EventArgs e )
        {
            OperateResult<ElectricalParameters> read =  delixi.ReadElectricalParameters();
            ShowElectrical(read.Content);

            if (read.IsSuccess)
            {
                hslCurve1.AddCurveData(
                    new string[] { "电压A", "电压B", "电压C", "频率" },
                    new float[] { read.Content.VoltageA, read.Content.VoltageB, read.Content.VoltageC, read.Content.Frequency } );
            }
            else
            {
                return;
            }
        }

但是,如果通讯异常<比如通讯线拔掉>

由于通讯解析是同步模式,界面会卡10几秒钟.给客户体验非常不好.

我的解决方法是:

开线程专门处理数据解析并刷新UI.

C#中禁止跨线程直接访问控件,InvokeRequired是为了解决这个问题而产生的,当一个控件的InvokeRequired属性值为真时,说明有一个创建它以外的线程想访问它。此时它将会在内部调用new MethodInvoker(LoadGlobalImage)来完成下面的步骤,这个做法保证了控件的安全,你可以这样理解,有人想找你借钱,他可以直接在你的钱包中拿,这样太不安全,因此必须让别人先要告诉你,你再从自己的钱包把钱拿出来借给别人,这样就安全了

在设计中为了让界面与逻辑分离,我的做法是使用事件,界面只要响应事件来处理界面的显示就行了。而事件在逻辑处理中可能由不同的线程引发,这些事件的响应方法在修改界面中的控件内容时便会引发一个异常。

这时就用到了Control.InvokeRequired 属性 与Invoke方法。

获取一个值,该值指示调用方在对控件进行方法调用时是否必须调用 Invoke 方法,因为调用方位于创建控件所在的线程以外的线程中。

如果控件的 Handle 是在与调用线程不同的线程上创建的(说明您必须通过 Invoke 方法对控件进行调用),则为 true;否则为 false。

Windows 窗体中的控件被绑定到特定的线程,不具备线程安全性 。因此,如果从另一个线程调用控件的方法,那么必须使用控件的一个 Invoke 方法来将调用封送到适当的线程。该属性可用于确定是否必须调用 Invoke 方法,当不知道什么线程拥有控件时这很有用。

另外一个坑就是Task任务的取消.就是使用CancellationTokenSource.原理就不解释了,直接记录代码.

代码语言:javascript
代码运行次数:0
运行
复制
        CancellationTokenSource tokenSource = new CancellationTokenSource();
        private void btnStartRead_Click(object sender, EventArgs e)
        {
            tokenSource = new CancellationTokenSource();
            Task.Run(readDelixi, tokenSource.Token);
            Debug.WriteLine($"已开启读线程:{Thread.CurrentThread.ManagedThreadId}");
            btnStartRead.Enabled = false;        }
        private ulong times = 0;
        private void readDelixi()
        {
            while (!tokenSource.IsCancellationRequested)
            {
                OperateResult<ElectricalParameters> read = delixi.ReadElectricalParameters();
                Debug.WriteLine($"读取线程:{Thread.CurrentThread .ManagedThreadId} 次数:{times++} 读取状态{read.IsSuccess}");

                ShowElectrical(read.Content);
                Thread.Sleep(1000);
            }

        }

        private void btnStopRead_Click(object sender, EventArgs e)
        {
            tokenSource?.Cancel();
            btnStartRead.Enabled = true;
            UiRefresh(null);
        }

正常运行时:

点击停止读:

正常读,拔掉通讯线,界面不卡:

插上通讯线,恢复正常:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-12-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 科控物联 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档