发帖 回复
返回列表
  • 7982阅读
  • 4回复

Qt编写自定义控件11-设备防区按钮控件 [复制链接]

 上一主题 下一主题
离线liudianwu
总版主
 
图酷模式  只看楼主 正序阅读 楼主  发表于: 2019-04-28
前言
在很多项目应用中，需要根据数据动态生成对象显示在地图上，比如地图标注，同时还需要可拖动对象到指定位置显示，能有多种状态指示，安防领域一般用来表示防区或者设备，可以直接显示防区号，有多种状态颜色指示，例如布防、撤防、旁路、报警、离线、在线等状态，可以作为一个通用的设备按钮对象使用。

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

效果图



头文件代码
复制代码
  1. #ifndef BUTTONDEFENCE_H
  2. #define BUTTONDEFENCE_H
  4. /**
  5. * 防区按钮控件 作者:feiyangqingyun(QQ:517216493) 2018-7-2
  6. * 1:可设置防区样式  圆形、警察、气泡、气泡2、消息、消息2
  7. * 2:可设置防区状态  布防、撤防、报警、旁路、故障
  8. * 3:可设置报警切换
  9. * 4:可设置显示的防区号
  10. * 5:可设置是否可鼠标拖动
  11. */
  13. #include <QWidget>
  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
  22. class QDESIGNER_WIDGET_EXPORT ButtonDefence : public QWidget
  23. #else
  24. class ButtonDefence : public QWidget
  25. #endif
  27. {
  28.     Q_OBJECT
  29.     Q_ENUMS(ButtonStyle)
  30.     Q_ENUMS(ButtonStatus)
  32.     Q_PROPERTY(bool canMove READ getCanMove WRITE setCanMove)
  33.     Q_PROPERTY(QString text READ getText WRITE setText)
  35.     Q_PROPERTY(ButtonStyle buttonStyle READ getButtonStyle WRITE setButtonStyle)
  36.     Q_PROPERTY(ButtonStatus buttonStatus READ getButtonStatus WRITE setButtonStatus)
  38. public:
  39.     //防区样式  圆形、警察、气泡、气泡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.     };
  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.     };
  58.     explicit ButtonDefence(QWidget *parent = 0);
  59.     ~ButtonDefence();
  61. protected:
  62.     void paintEvent(QPaintEvent *);
  63.     bool eventFilter(QObject *watched, QEvent *event);
  65. private:
  66.     bool canMove;                   //是否可移动
  67.     QString text;                   //显示文字
  68.     ButtonStyle buttonStyle;        //防区样式
  69.     ButtonStatus buttonStatus;      //防区状态
  71.     QString type;                   //图片末尾类型
  72.     QString imgName;                //背景图片名称
  73.     bool isDark;                    //是否加深报警
  74.     QTimer *timer;                  //报警闪烁定时器
  76. private slots:
  77.     void checkAlarm();
  79. public:
  80.     bool getCanMove()               const;
  81.     QString getText()               const;
  83.     ButtonStyle getButtonStyle()    const;
  84.     ButtonStatus getButtonStatus()  const;
  86.     QSize sizeHint()                const;
  87.     QSize minimumSizeHint()         const;
  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);
  99. };
  101. #endif //BUTTONDEFENCE_H
完整源码
复制代码
  1. #pragma execution_character_set("utf-8")
  3. #include "buttondefence.h"
  4. #include "qpainter.h"
  5. #include "qevent.h"
  6. #include "qtimer.h"
  7. #include "qdebug.h"
  9. ButtonDefence::ButtonDefence(QWidget *parent) : QWidget(parent)
  10. {
  11.     canMove = false;
  12.     text = "1";
  13.     buttonStyle = ButtonStyle_Police;
  14.     buttonStatus = ButtonStatus_Arming;
  16.     type = "police";
  17.     imgName = QString(":/image/btn_defence_disarming_%1.png").arg(type);
  18.     isDark = false;
  20.     timer = new QTimer(this);
  21.     timer->setInterval(500);
  22.     connect(timer, SIGNAL(timeout()), this, SLOT(checkAlarm()));
  24.     this->installEventFilter(this);
  25. }
  27. ButtonDefence::~ButtonDefence()
  28. {
  29.     if (timer->isActive()) {
  30.         timer->stop();
  31.     }
  32. }
  34. void ButtonDefence::paintEvent(QPaintEvent *)
  35. {
  36.     double width = this->width();
  37.     double height = this->height();
  38.     double side = qMin(width, height);
  40.     QPainter painter(this);
  41.     painter.setRenderHint(QPainter::Antialiasing);
  43.     //绘制背景图
  44.     QImage img(imgName);
  45.     if (!img.isNull()) {
  46.         img = img.scaled(width, height, Qt::KeepAspectRatio, Qt::SmoothTransformation);
  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.     }
  55.     //计算字体
  56.     QFont font;
  57.     font.setPixelSize(side * 0.37);
  58.     font.setBold(true);
  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.     }
  80.     //绘制文字标识
  81.     painter.setFont(font);
  82.     painter.setPen(Qt::white);
  83.     painter.drawText(rect, Qt::AlignCenter, text);
  84. }
  86. bool ButtonDefence::eventFilter(QObject *watched, QEvent *event)
  87. {
  88.     if (canMove) {
  89.         static QPoint lastPoint;
  90.         static bool isPressed = false;
  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.     }
  109.     return QWidget::eventFilter(watched, event);
  110. }
  112. bool ButtonDefence::getCanMove() const
  113. {
  114.     return this->canMove;
  115. }
  117. QString ButtonDefence::getText() const
  118. {
  119.     return this->text;
  120. }
  122. ButtonDefence::ButtonStyle ButtonDefence::getButtonStyle() const
  123. {
  124.     return this->buttonStyle;
  125. }
  127. ButtonDefence::ButtonStatus ButtonDefence::getButtonStatus() const
  128. {
  129.     return this->buttonStatus;
  130. }
  132. QSize ButtonDefence::sizeHint() const
  133. {
  134.     return QSize(50, 50);
  135. }
  137. QSize ButtonDefence::minimumSizeHint() const
  138. {
  139.     return QSize(10, 10);
  140. }
  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.     }
  150.     isDark = !isDark;
  151.     update();
  152. }
  154. void ButtonDefence::setCanMove(bool canMove)
  155. {
  156.     this->canMove = canMove;
  157. }
  159. void ButtonDefence::setText(const QString &text)
  160. {
  161.     if (this->text != text) {
  162.         this->text = text;
  163.         update();
  164.     }
  165. }
  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.     }
  186.     setButtonStatus(buttonStatus);
  187. }
  189. void ButtonDefence::setButtonStatus(const ButtonDefence::ButtonStatus &buttonStatus)
  190. {
  191.     this->buttonStatus = buttonStatus;
  192.     isDark = false;
  193.     if (timer->isActive()) {
  194.         timer->stop();
  195.     }
  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.     }
  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）。
  
欢迎关注微信公众号：Qt实战/Qt入门和进阶(各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发) QQ：517216493  WX：feiyangqingyun  QQ群：751439350
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
离线liudianwu
总版主
只看该作者 4楼 发表于: 2019-04-29
回 九重水 的帖子
九重水:好，应你的要求，猛顶。。。[表情]  (2019-04-29 09:14) 

这才是我认识的你！这姿势才对！
欢迎关注微信公众号：Qt实战/Qt入门和进阶(各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发) QQ：517216493  WX：feiyangqingyun  QQ群：751439350
回复
举报
离线305750665
侠客
只看该作者 3楼 发表于: 2019-04-29
    
雨田哥： 群号:853086607
QQ: 3246214072

刘典武-feiyangqingyun：专业各种自定义控件编写+UI定制+输入法定制+视频监控+工业控制+仪器仪表+嵌入式linux+各种串口网络通信，童叟无欺，量大从优，欢迎咨询购买定制！QQ：517216493
回复
举报
离线九重水
圣骑士
只看该作者 2楼 发表于: 2019-04-29
好，应你的要求，猛顶。。。
回复
举报
离线nigoole
圣骑士
只看该作者 1楼 发表于: 2019-04-29
刘总好勤劳啊！
有句话说得好：好好学习，天天向上。加油~~！有上船的朋友联系企鹅393320854
回复
举报
发帖 回复
返回列表
快速回复
限100 字节
 
上一个 下一个