标题:Qt编写云台仪表盘控件
作者:liudianwu
日期:2018-09-04 22:30
内容:
做过安防视频监控的同学都清楚，在视频监控系统软件上都可以看到一个云台控制区域，可以对球机进行下下左右等八个方位的运动控制，还可以进行复位，一般都是美工作图好，然后贴图的形式加入到软件中，好处是程序简单，界面美工，主要取决于美工的美图能力，缺点是对于各种分辨率的适应性稍微差点，需要不同的图片切图贴图，除非默认做好的是大图自适应看不出差别，可能大部分人所在的公司都是小公司，一般美工人员比较少甚至没有，都需要程序员一人负责，甚至一开始就要考虑到各种分辨率的应用场景以及后期可能的换肤换色等。
之前做过很多自定义控件，大部分都采用了qpainter的形式绘制，有个好处就是自适应任意分辨率，所以思考着这个云台控制仪表盘也采用纯painter绘制的形式，据说纯painter绘制还可以轻松移植到qml中，这又坚定了我用qpainter绘制的决心。所谓心中有坐标系，万物皆painter。
观察云台仪表盘下来，基本上就这几部分组成，圆形底盘，八个角，中间部分按钮，整个的控件的难点就在于八个角的定位，中间部分很好定位，而且八个角不是绝对的位置，都是相对于界面的宽高按照等比例自适应排列的。八个角的鼠标按下要做出对应的反应，发送出对应型号，网上大部分人都是切图或者放置label或者按钮来贴图实现，绑定事件过滤器过滤鼠标按下然后再发出信号。我这里为了提升逼格，直接采用位置坐标计算法。
设计师designer完整源码（仅限Qt4）：https://pan.baidu.com/s/1t9uKOgi7PW34Kdj7rgTlrA
设计师designer可执行文件：https://pan.baidu.com/s/1h3oUjqBun2_YD68gry84wQ
自定义控件Qt4封装版本：https://pan.baidu.com/s/1JnpCwIW5sY9VtViqHSCi1g
自定义控件Qt5封装版本：https://pan.baidu.com/s/1xMGlK0PN-5yckLJI8koSmQ
自定义控件属性设计器：https://pan.baidu.com/s/1iZvQe7L0Dfif_p50qodZ8Q
头文件代码：
#ifndef GAUGECLOUD_H
#define GAUGECLOUD_H
/**
* 云台仪表盘控件 作者:feiyangqingyun(QQ:517216493) 2018-9-2
* 1:可设置背景颜色
* 2:可设置基准颜色
* 3:可设置边框颜色
* 4:可设置文本颜色
* 5:可识别每个角度+中间 鼠标按下并发出信号
* 6:可设置八个角的图标和中间图标,随便换
* 7:内置4种云台风格 黑色+白色+蓝色+紫色
* 8:支持拓展鼠标进入离开时的切换
*/
#include
#ifdef quc
#if (QT_VERSI ..
#1 [青春的年代 09-04 23:11]
个人觉得最好的一个控件实用
#2 回 青春的年代 的帖子 [liudianwu 09-05 09:02]
青春的年代:个人觉得最好的一个控件实用 (2018-09-04 23:11)
哎呦不错，这马屁拍的很舒服哦！
#3 [yyzq 09-05 09:29]
心中有坐标系，万物皆painter
#4 [liuchangyin 09-05 09:54]
#5 [奋斗滴菜鸟 09-05 10:27]