Qt编写自定义控件11-设备防区按钮控件

liudianwu

前言
在很多项目应用中，需要根据数据动态生成对象显示在地图上，比如地图标注，同时还需要可拖动对象到指定位置显示，能有多种状态指示，安防领域一般用来表示防区或者设备，可以直接显示防区号，有多种状态颜色指示，例如布防、撤防、旁路、报警、离线、在线等状态，可以作为一个通用的设备按钮对象使用。

实现的功能
* 1:可设置防区样式  圆形、JC、气泡、气泡2、消息、消息2
* 2:可设置防区状态  布防、撤防、报警、旁路、故障
* 3:可设置报警切换
* 4:可设置显示的防区号
* 5:可设置是否可鼠标拖动

效果图



头文件代码

1. #ifndef BUTTONDEFENCE_H
   
2. #define BUTTONDEFENCE_H
   
3. 
   
4. /**
   
5. * 防区按钮控件 作者:feiyangqingyun(QQ:517216493) 2018-7-2
   
6. * 1:可设置防区样式  圆形、JC、气泡、气泡2、消息、消息2
   
7. * 2:可设置防区状态  布防、撤防、报警、旁路、故障
   
8. * 3:可设置报警切换
   
9. * 4:可设置显示的防区号
   
10. * 5:可设置是否可鼠标拖动
    
11. */
    
12. 
    
13. #include <QWidget>
    
14. 
    
15. #ifdef quc
    
16. #if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
    
17. #include <QtDesigner/QDesignerExportWidget>
    
18. #else
    
19. #include <QtUiPlugin/QDesignerExportWidget>
    
20. #endif
    
21. 
    
22. class QDESIGNER_WIDGET_EXPORT ButtonDefence : public QWidget
    
23. #else
    
24. class ButtonDefence : public QWidget
    
25. #endif
    
26. 
    
27. {
    
28.     Q_OBJECT
    
29.     Q_ENUMS(ButtonStyle)
    
30.     Q_ENUMS(ButtonStatus)
    
31. 
    
32.     Q_PROPERTY(bool canMove READ getCanMove WRITE setCanMove)
    
33.     Q_PROPERTY(QString text READ getText WRITE setText)
    
34. 
    
35.     Q_PROPERTY(ButtonStyle buttonStyle READ getButtonStyle WRITE setButtonStyle)
    
36.     Q_PROPERTY(ButtonStatus buttonStatus READ getButtonStatus WRITE setButtonStatus)
    
37. 
    
38. public:
    
39.     //防区样式  圆形、JC、气泡、气泡2、消息、消息2
    
40.     enum ButtonStyle {
    
41.         ButtonStyle_Circle = 0,
    
42.         ButtonStyle_Police = 1,
    
43.         ButtonStyle_Bubble = 2,
    
44.         ButtonStyle_Bubble2 = 3,
    
45.         ButtonStyle_Msg = 4,
    
46.         ButtonStyle_Msg2 = 5
    
47.     };
    
48. 
    
49.     //防区状态  布防、撤防、报警、旁路、故障
    
50.     enum ButtonStatus {
    
51.         ButtonStatus_Arming = 0,
    
52.         ButtonStatus_Disarming = 1,
    
53.         ButtonStatus_Alarm = 2,
    
54.         ButtonStatus_Bypass = 3,
    
55.         ButtonStatus_Error = 4
    
56.     };
    
57. 
    
58.     explicit ButtonDefence(QWidget *parent = 0);
    
59.     ~ButtonDefence();
    
60. 
    
61. protected:
    
62.     void paintEvent(QPaintEvent *);
    
63.     bool eventFilter(QObject *watched, QEvent *event);
    
64. 
    
65. private:
    
66.     bool canMove;                   //是否可移动
    
67.     QString text;                   //显示文字
    
68.     ButtonStyle buttonStyle;        //防区样式
    
69.     ButtonStatus buttonStatus;      //防区状态
    
70. 
    
71.     QString type;                   //图片末尾类型
    
72.     QString imgName;                //背景图片名称
    
73.     bool isDark;                    //是否加深报警
    
74.     QTimer *timer;                  //报警闪烁定时器
    
75. 
    
76. private slots:
    
77.     void checkAlarm();
    
78. 
    
79. public:
    
80.     bool getCanMove()               const;
    
81.     QString getText()               const;
    
82. 
    
83.     ButtonStyle getButtonStyle()    const;
    
84.     ButtonStatus getButtonStatus()  const;
    
85. 
    
86.     QSize sizeHint()                const;
    
87.     QSize minimumSizeHint()         const;
    
88. 
    
89. public slots:
    
90.     //设置可移动
    
91.     void setCanMove(bool canMove);
    
92.     //设置显示文字
    
93.     void setText(const QString &text);
    
94.     //设置防区样式
    
95.     void setButtonStyle(const ButtonStyle &buttonStyle);
    
96.     //设置防区状态
    
97.     void setButtonStatus(const ButtonStatus &buttonStatus);
    
98. 
    
99. };
    
100. 
     
101. #endif //BUTTONDEFENCE_H
     

复制代码

完整源码

1. #pragma execution_character_set("utf-8")
   
2. 
   
3. #include "buttondefence.h"
   
4. #include "qpainter.h"
   
5. #include "qevent.h"
   
6. #include "qtimer.h"
   
7. #include "qdebug.h"
   
8. 
   
9. ButtonDefence::ButtonDefence(QWidget *parent) : QWidget(parent)
   
10. {
    
11.     canMove = false;
    
12.     text = "1";
    
13.     buttonStyle = ButtonStyle_Police;
    
14.     buttonStatus = ButtonStatus_Arming;
    
15. 
    
16.     type = "police";
    
17.     imgName = QString(":/image/btn_defence_disarming_%1.png").arg(type);
    
18.     isDark = false;
    
19. 
    
20.     timer = new QTimer(this);
    
21.     timer->setInterval(500);
    
22.     connect(timer, SIGNAL(timeout()), this, SLOT(checkAlarm()));
    
23. 
    
24.     this->installEventFilter(this);
    
25. }
    
26. 
    
27. ButtonDefence::~ButtonDefence()
    
28. {
    
29.     if (timer->isActive()) {
    
30.         timer->stop();
    
31.     }
    
32. }
    
33. 
    
34. void ButtonDefence::paintEvent(QPaintEvent *)
    
35. {
    
36.     double width = this->width();
    
37.     double height = this->height();
    
38.     double side = qMin(width, height);
    
39. 
    
40.     QPainter painter(this);
    
41.     painter.setRenderHint(QPainter::Antialiasing);
    
42. 
    
43.     //绘制背景图
    
44.     QImage img(imgName);
    
45.     if (!img.isNull()) {
    
46.         img = img.scaled(width, height, Qt::KeepAspectRatio, Qt::SmoothTransformation);
    
47. 
    
48.         //按照比例自动居中绘制
    
49.         int pixX = rect().center().x() - img.width() / 2;
    
50.         int pixY = rect().center().y() - img.height() / 2;
    
51.         QPoint point(pixX, pixY);
    
52.         painter.drawImage(point, img);
    
53.     }
    
54. 
    
55.     //计算字体
    
56.     QFont font;
    
57.     font.setPixelSize(side * 0.37);
    
58.     font.setBold(true);
    
59. 
    
60.     //自动计算文字绘制区域,绘制防区号
    
61.     QRectF rect = this->rect();
    
62.     if (buttonStyle == ButtonStyle_Police) {
    
63.         double y = (30 * height / 60);
    
64.         rect = QRectF(0, y, width, height - y);
    
65.     } else if (buttonStyle == ButtonStyle_Bubble) {
    
66.         double y = (8 * height / 60);
    
67.         rect = QRectF(0, 0, width, height - y);
    
68.     } else if (buttonStyle == ButtonStyle_Bubble2) {
    
69.         double y = (13 * height / 60);
    
70.         rect = QRectF(0, 0, width, height - y);
    
71.         font.setPixelSize(width * 0.33);
    
72.     } else if (buttonStyle == ButtonStyle_Msg) {
    
73.         double y = (17 * height / 60);
    
74.         rect = QRectF(0, 0, width, height - y);
    
75.     } else if (buttonStyle == ButtonStyle_Msg2) {
    
76.         double y = (17 * height / 60);
    
77.         rect = QRectF(0, 0, width, height - y);
    
78.     }
    
79. 
    
80.     //绘制文字标识
    
81.     painter.setFont(font);
    
82.     painter.setPen(Qt::white);
    
83.     painter.drawText(rect, Qt::AlignCenter, text);
    
84. }
    
85. 
    
86. bool ButtonDefence::eventFilter(QObject *watched, QEvent *event)
    
87. {
    
88.     if (canMove) {
    
89.         static QPoint lastPoint;
    
90.         static bool isPressed = false;
    
91. 
    
92.         if (event->type() == QEvent::MouseButtonPress) {
    
93.             QMouseEvent *e = static_cast<QMouseEvent *>(event);
    
94.             if (this->rect().contains(e->pos()) && (e->button() == Qt::LeftButton)) {
    
95.                 lastPoint = e->pos();
    
96.                 isPressed = true;
    
97.             }
    
98.         } else if (event->type() == QEvent::MouseMove && isPressed) {
    
99.             QMouseEvent *e = static_cast<QMouseEvent *>(event);
    
100.             int dx = e->pos().x() - lastPoint.x();
     
101.             int dy = e->pos().y() - lastPoint.y();
     
102.             this->move(this->x() + dx, this->y() + dy);
     
103.             return true;
     
104.         } else if (event->type() == QEvent::MouseButtonRelease && isPressed) {
     
105.             isPressed = false;
     
106.         }
     
107.     }
     
108. 
     
109.     return QWidget::eventFilter(watched, event);
     
110. }
     
111. 
     
112. bool ButtonDefence::getCanMove() const
     
113. {
     
114.     return this->canMove;
     
115. }
     
116. 
     
117. QString ButtonDefence::getText() const
     
118. {
     
119.     return this->text;
     
120. }
     
121. 
     
122. ButtonDefence::ButtonStyle ButtonDefence::getButtonStyle() const
     
123. {
     
124.     return this->buttonStyle;
     
125. }
     
126. 
     
127. ButtonDefence::ButtonStatus ButtonDefence::getButtonStatus() const
     
128. {
     
129.     return this->buttonStatus;
     
130. }
     
131. 
     
132. QSize ButtonDefence::sizeHint() const
     
133. {
     
134.     return QSize(50, 50);
     
135. }
     
136. 
     
137. QSize ButtonDefence::minimumSizeHint() const
     
138. {
     
139.     return QSize(10, 10);
     
140. }
     
141. 
     
142. void ButtonDefence::checkAlarm()
     
143. {
     
144.     if (isDark) {
     
145.         imgName = QString(":/image/btn_defence_error_%1.png").arg(type);
     
146.     } else {
     
147.         imgName = QString(":/image/btn_defence_alarm_%1.png").arg(type);
     
148.     }
     
149. 
     
150.     isDark = !isDark;
     
151.     update();
     
152. }
     
153. 
     
154. void ButtonDefence::setCanMove(bool canMove)
     
155. {
     
156.     this->canMove = canMove;
     
157. }
     
158. 
     
159. void ButtonDefence::setText(const QString &text)
     
160. {
     
161.     if (this->text != text) {
     
162.         this->text = text;
     
163.         update();
     
164.     }
     
165. }
     
166. 
     
167. void ButtonDefence::setButtonStyle(const ButtonDefence::ButtonStyle &buttonStyle)
     
168. {
     
169.     this->buttonStyle = buttonStyle;
     
170.     if (buttonStyle == ButtonStyle_Circle) {
     
171.         type = "circle";
     
172.     } else if (buttonStyle == ButtonStyle_Police) {
     
173.         type = "police";
     
174.     } else if (buttonStyle == ButtonStyle_Bubble) {
     
175.         type = "bubble";
     
176.     } else if (buttonStyle == ButtonStyle_Bubble2) {
     
177.         type = "bubble2";
     
178.     } else if (buttonStyle == ButtonStyle_Msg) {
     
179.         type = "msg";
     
180.     } else if (buttonStyle == ButtonStyle_Msg2) {
     
181.         type = "msg2";
     
182.     } else {
     
183.         type = "circle";
     
184.     }
     
185. 
     
186.     setButtonStatus(buttonStatus);
     
187. }
     
188. 
     
189. void ButtonDefence::setButtonStatus(const ButtonDefence::ButtonStatus &buttonStatus)
     
190. {
     
191.     this->buttonStatus = buttonStatus;
     
192.     isDark = false;
     
193.     if (timer->isActive()) {
     
194.         timer->stop();
     
195.     }
     
196. 
     
197.     if (buttonStatus == ButtonStatus_Arming) {
     
198.         imgName = QString(":/image/btn_defence_arming_%1.png").arg(type);
     
199.     } else if (buttonStatus == ButtonStatus_Disarming) {
     
200.         imgName = QString(":/image/btn_defence_disarming_%1.png").arg(type);
     
201.     } else if (buttonStatus == ButtonStatus_Bypass) {
     
202.         imgName = QString(":/image/btn_defence_bypass_%1.png").arg(type);
     
203.     } else if (buttonStatus == ButtonStatus_Error) {
     
204.         imgName = QString(":/image/btn_defence_error_%1.png").arg(type);
     
205.     } else if (buttonStatus == ButtonStatus_Alarm) {
     
206.         checkAlarm();
     
207.         if (!timer->isActive()) {
     
208.             timer->start();
     
209.         }
     
210.     }
     
211. 
     
212.     update();
     
213. }
     

复制代码

控件介绍


1. 超过140个精美控件，涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏，flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。
2. 每个类都可以独立成一个单独的控件，零耦合，每个控件一个头文件和一个实现文件，不依赖其他文件，方便单个控件以源码形式集成到项目中，较少代码量。qwt的控件类环环相扣，高度耦合，想要使用其中一个控件，必须包含所有的代码。
3. 全部纯Qt编写，QWidget+QPainter绘制，支持Qt4.6到Qt5.12的任何Qt版本，支持mingw、msvc、gcc等编译器，不乱码，可直接集成到Qt  Creator中，和自带的控件一样使用，大部分效果只要设置几个属性即可，极为方便。
4. 每个控件都有一个对应的单独的包含该控件源码的DEMO，方便参考使用。同时还提供一个所有控件使用的集成的DEMO。
5. 每个控件的源代码都有详细中文注释，都按照统一设计规范编写，方便学习自定义控件的编写。
6. 每个控件默认配色和demo对应的配色都非常精美。
7. 超过120个可见控件，6个不可见控件。
8. 部分控件提供多种样式风格选择，多种指示器样式选择。
9. 所有控件自适应窗体拉伸变化。
10.  集成自定义控件属性设计器，支持拖曳设计，所见即所得，支持导入导出xml格式。
11. 自带activex控件demo，所有控件可以直接运行在ie浏览器中。
12. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体，享受图形字体带来的乐趣。
13. 所有控件最后生成一个dll动态库文件，可以直接集成到qtcreator中拖曳设计使用。
SDK下载
- SDK下载链接：https://pan.baidu.com/s/1tD9v1YPfE2fgYoK6lqUr1Q 提取码：lyhk
- 自定义控件+属性设计器欣赏：https://pan.baidu.com/s/1l6L3rKSiLu_uYi7lnL3ibQ 提取码：tmvl
- 下载链接中包含了各个版本的动态库文件，所有控件的头文件，使用demo。
- 自定义控件插件开放动态库dll使用（永久免费），无任何后门和限制，请放心使用。
- 目前已提供22个版本的dll，其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
- 不定期增加控件和完善控件，不定期更新SDK，欢迎各位提出建议，谢谢！
- widget版本（QQ：517216493）qml版本（QQ：373955953）三峰驼（QQ：278969898）。