使用request-try-notifyState流程实现UI控制与状态反馈的完整闭环

1. 前言

在Qt编程时,我们经常会在界面上添加一些按钮,当按钮被点击时,执行某段代码,例如显示一个对话框、关闭窗口,保存文件等等。

这种由UI控件触发某种信号,通过信号槽触发目的代码执行的场景非常多。这种场景下,通常不需要关注目的代码的执行结果,仅仅通过信号触发槽即可完成任务。我们可以用两个单词来描述上述功能场景,即 request-do,即 UI 发出操作请求,触发代码执行。

但是,在需要关注执行结果,并且需要将结果反馈到UI的功能场景下,上述简单的执行流程,就无法满足功能实现的需要了,因为上述代码缺少状态反馈,控制没有闭环。

2. 播放暂停场景

2.1 设计

以播放暂停按钮为例。我们在实现播放暂停按钮时,通常需要满足以下约束条件:

  1. 播放暂停功能,复用同一个按钮
  2. 对于异步操作,要防止同一种功能按钮被重复点击,否则会出BUG(同步执行时,执行结束前按钮不可能被点击,所以同步执行不需要考虑重复点击)

2.2 实现

为了实现播放和暂停复用同一个按钮,需要在点击播放按钮后,发出播放请求信号。对应的槽函数,尝试执行播放操作,如果执行结果有两种:

  • 播放成功
  • 播放失败

播放响应完成后,需要将播放响应的执行结果反馈到UI上:

  • 播放成功后,发出通知,UI模块将按钮切换为暂停按钮样式
  • 播放失败后,发出通知,UI模块将按钮保持原状态,以便用户再次操作。

为了实现异步操作防止重复点击,需要在点击播放按钮后,禁用播放按钮。在异步操作执行完成后,向UI反馈通知执行结果:

  • 播放成功后,发出通知,UI模块使能按钮,将按钮切换为暂停按钮样式
  • 播放失败后,发出通知,UI模块使能按钮,将按钮保持原状态,以便用户再次操作。

上述实现过程可以用三组单词来描述,即:

request-try-notifyState(请求-尝试执行-通知状态/结果)

通过 request-try-notifyState 流程实现了UI控制与状态反馈的完整闭环。

3. 结论

为了实现不同的功能,需要采用不同的实现方法。采用正确的实现方法,虽然不能让你写出惊为天人的代码,但是可以减少BUG产生,防止返工,提高工作效率。


本文原创发布于Qt未来工程师。

相关推荐
Lhan.zzZ4 小时前
QML 组件库:VS2022 + Qt 静态库方案
开发语言·c++·qt·visual studio
skr爱码士12 小时前
15_国际化和本地化:tr()、ts 文件、QM 文件、多语言切换
c++·qt·ui·客户端
Quz13 小时前
QML 拖拽篇:看板拖拽与数字拼图
qt
长友cy14 小时前
Qt官方示例Application源码阅读
开发语言·qt
程与留1 天前
15_国际化和本地化:tr()、ts 文件、QM 文件、多语言切换
c++·qt
程与留1 天前
14_Qt 样式表(QSS)入门(语法、选择器、美化实战)
c++·qt
Quz2 天前
QML 拖拽篇:接收拖拽与数据交换
qt
张人玉2 天前
基于 Python 机器学习 与 PyQt5 桌面框架开发的可视化分析系统——基于大数据的网上购物消费行为分析可视化大屏
python·qt·机器学习·echarts·three.js
「QT(C++)开发工程师」2 天前
C++11 std::unique_ptr — 独占所有权的智能指针
c语言·开发语言·c++·qt
小镇敲码人2 天前
【深入浅出】之Qt 事件系统实战:鼠标、键盘、滚轮、窗口与定时器事件
数据库·qt·网络协议·mysql·http