首页| 论坛| 消息

标题:Qt编写视频监控系统74-悬浮工具栏(半透明/上下左右位置/自定义按钮)
作者:liudianwu
日期:2023-05-23 09:48
内容:

## 一、前言
在监控系统中一般在视频实时预览的时候,希望提供一个悬浮工具条,可以显示一些提示信息比如分辨率、码率、帧率,提供一堆快捷操作按钮,可以录像、抓拍、云台控制、关闭等操作,参考了国内很多监控厂商客户端软件,总结下来基本就是悬浮条可以半透明悬浮在通道窗体上,也有少部分是固定嵌入在底部,个人觉得还是悬浮在顶部最为通用便捷,视频预览通道控件主要是用来预览的,应该尽量保证最大化的显示视频,所以采用悬浮的方式最佳,鼠标移动过去自动显示,移出去后自动隐藏,而且半透明的效果保证工具条出来的时候还能看到被遮住位置的画面。
半透明悬浮条最初的功能是全部写在视频通道控件中,后面逐渐独立出来,以保证拓展性。精益求精反复迭代,经历了无数次的改版,才最终形成现在比较完美的方案。和外部交互通过信号槽的方式,比如单击某个按钮,如果是视频通道控件内部已知的功能比如开启录像,则直接处理掉,如果没有的则发送信号出去,还有些需要改变对应的图标,则在执行完成动作以后自动切换图标。对应文字提示信息通过公共槽函数,外部主动设置,比如在视频通道控件的鼠标移入事件中,显示悬浮条的时候可以调取解码线程拿到要的信息并设置到悬浮条上即可。
悬浮条工具栏功能设计:
- 可设置边距和间距。
- 可设置背景透明度值。
- 可设置背景颜色。
- 可设置文本颜色。
- 可设置按钮按下颜色。
- 可设置悬浮条位置,顶部、底部、左侧、右侧。
- 可设置按钮图标集合。
- 可设置按钮名称标识集合。
- 可设置按钮提示信息集合。
- 按钮按下主动发出单击信号,带上唯一标识。
- 可主动设置要显示的文字信息。
- 按钮执行动作后支持切换图标。
## 二、效果图


## 三、体验地址
1. 国内站点:[https://gitee.com/feiyangqingyun](https://gitee.com/feiyangqingyun)
2. 国际站点:[https://github.com/feiyangqingyun](https://github.com/feiyangqingyun)
3. 个人作品:[https://blog.csdn.net/feiyangqingyun/article/details/97565652](https://blog.csdn.net/feiyangqingyun/article/details/97565652)
4. 体验地址:[https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g](https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g) 提取码:01jf 文件名:bin_video_system。
## 四 ..

回复 发表
主题 版块