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

一、前言

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

二、实现的功能

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

三、效果图

在这里插入图片描述

四、头文件代码

#ifndef BUTTONDEFENCE_H
#define BUTTONDEFENCE_H

/**
 * 防区按钮控件 作者:feiyangqingyun(QQ:517216493) 2018-7-2
 * 1:可设置防区样式  圆形、警察、气泡、气泡2、消息、消息2
 * 2:可设置防区状态  布防、撤防、报警、旁路、故障
 * 3:可设置报警切换
 * 4:可设置显示的防区号
 * 5:可设置是否可鼠标拖动
 */

#include <QWidget>

#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif

class QDESIGNER_WIDGET_EXPORT ButtonDefence : public QWidget
#else
class ButtonDefence : public QWidget
#endif

{
    Q_OBJECT
    Q_ENUMS(ButtonStyle)
    Q_ENUMS(ButtonStatus)

    Q_PROPERTY(bool canMove READ getCanMove WRITE setCanMove)
    Q_PROPERTY(QString text READ getText WRITE setText)

    Q_PROPERTY(ButtonStyle buttonStyle READ getButtonStyle WRITE setButtonStyle)
    Q_PROPERTY(ButtonStatus buttonStatus READ getButtonStatus WRITE setButtonStatus)

public:
    //防区样式  圆形、警察、气泡、气泡2、消息、消息2
    enum ButtonStyle {
        ButtonStyle_Circle = 0,
        ButtonStyle_Police = 1,
        ButtonStyle_Bubble = 2,
        ButtonStyle_Bubble2 = 3,
        ButtonStyle_Msg = 4,
        ButtonStyle_Msg2 = 5
    };

    //防区状态  布防、撤防、报警、旁路、故障
    enum ButtonStatus {
        ButtonStatus_Arming = 0,
        ButtonStatus_Disarming = 1,
        ButtonStatus_Alarm = 2,
        ButtonStatus_Bypass = 3,
        ButtonStatus_Error = 4
    };

    explicit ButtonDefence(QWidget *parent = 0);
    ~ButtonDefence();

protected:
    void paintEvent(QPaintEvent *);
    bool eventFilter(QObject *watched, QEvent *event);

private:
    bool canMove;                   //是否可移动
    QString text;                   //显示文字
    ButtonStyle buttonStyle;        //防区样式
    ButtonStatus buttonStatus;      //防区状态

    QString type;                   //图片末尾类型
    QString imgName;                //背景图片名称
    bool isDark;                    //是否加深报警
    QTimer *timer;                  //报警闪烁定时器

private slots:
    void checkAlarm();

public:
    bool getCanMove()               const;
    QString getText()               const;

    ButtonStyle getButtonStyle()    const;
    ButtonStatus getButtonStatus()  const;

    QSize sizeHint()                const;
    QSize minimumSizeHint()         const;

public slots:
    //设置可移动
    void setCanMove(bool canMove);
    //设置显示文字
    void setText(const QString &text);
    //设置防区样式
    void setButtonStyle(const ButtonStyle &buttonStyle);
    //设置防区状态
    void setButtonStatus(const ButtonStatus &buttonStatus);

};

#endif //BUTTONDEFENCE_H

五、核心代码

#pragma execution_character_set("utf-8")

#include "buttondefence.h"
#include "qpainter.h"
#include "qevent.h"
#include "qtimer.h"
#include "qdebug.h"

ButtonDefence::ButtonDefence(QWidget *parent) : QWidget(parent)
{
    canMove = false;
    text = "1";
    buttonStyle = ButtonStyle_Police;
    buttonStatus = ButtonStatus_Arming;

    type = "police";
    imgName = QString(":/image/btn_defence_disarming_%1.png").arg(type);
    isDark = false;

    timer = new QTimer(this);
    timer->setInterval(500);
    connect(timer, SIGNAL(timeout()), this, SLOT(checkAlarm()));

    this->installEventFilter(this);
}

ButtonDefence::~ButtonDefence()
{
    if (timer->isActive()) {
        timer->stop();
    }
}

void ButtonDefence::paintEvent(QPaintEvent *)
{
    double width = this->width();
    double height = this->height();
    double side = qMin(width, height);

    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);

    //绘制背景图
    QImage img(imgName);
    if (!img.isNull()) {
        img = img.scaled(width, height, Qt::KeepAspectRatio, Qt::SmoothTransformation);

        //按照比例自动居中绘制
        int pixX = rect().center().x() - img.width() / 2;
        int pixY = rect().center().y() - img.height() / 2;
        QPoint point(pixX, pixY);
        painter.drawImage(point, img);
    }

    //计算字体
    QFont font;
    font.setPixelSize(side * 0.37);
    font.setBold(true);

    //自动计算文字绘制区域,绘制防区号
    QRectF rect = this->rect();
    if (buttonStyle == ButtonStyle_Police) {
        double y = (30 * height / 60);
        rect = QRectF(0, y, width, height - y);
    } else if (buttonStyle == ButtonStyle_Bubble) {
        double y = (8 * height / 60);
        rect = QRectF(0, 0, width, height - y);
    } else if (buttonStyle == ButtonStyle_Bubble2) {
        double y = (13 * height / 60);
        rect = QRectF(0, 0, width, height - y);
        font.setPixelSize(width * 0.33);
    } else if (buttonStyle == ButtonStyle_Msg) {
        double y = (17 * height / 60);
        rect = QRectF(0, 0, width, height - y);
    } else if (buttonStyle == ButtonStyle_Msg2) {
        double y = (17 * height / 60);
        rect = QRectF(0, 0, width, height - y);
    }

    //绘制文字标识
    painter.setFont(font);
    painter.setPen(Qt::white);
    painter.drawText(rect, Qt::AlignCenter, text);
}

bool ButtonDefence::eventFilter(QObject *watched, QEvent *event)
{
    if (canMove) {
        static QPoint lastPoint;
        static bool isPressed = false;

        if (event->type() == QEvent::MouseButtonPress) {
            QMouseEvent *e = static_cast<QMouseEvent *>(event);
            if (this->rect().contains(e->pos()) && (e->button() == Qt::LeftButton)) {
                lastPoint = e->pos();
                isPressed = true;
            }
        } else if (event->type() == QEvent::MouseMove && isPressed) {
            QMouseEvent *e = static_cast<QMouseEvent *>(event);
            int dx = e->pos().x() - lastPoint.x();
            int dy = e->pos().y() - lastPoint.y();
            this->move(this->x() + dx, this->y() + dy);
            return true;
        } else if (event->type() == QEvent::MouseButtonRelease && isPressed) {
            isPressed = false;
        }
    }

    return QWidget::eventFilter(watched, event);
}

bool ButtonDefence::getCanMove() const
{
    return this->canMove;
}

QString ButtonDefence::getText() const
{
    return this->text;
}

ButtonDefence::ButtonStyle ButtonDefence::getButtonStyle() const
{
    return this->buttonStyle;
}

ButtonDefence::ButtonStatus ButtonDefence::getButtonStatus() const
{
    return this->buttonStatus;
}

QSize ButtonDefence::sizeHint() const
{
    return QSize(50, 50);
}

QSize ButtonDefence::minimumSizeHint() const
{
    return QSize(10, 10);
}

void ButtonDefence::checkAlarm()
{
    if (isDark) {
        imgName = QString(":/image/btn_defence_error_%1.png").arg(type);
    } else {
        imgName = QString(":/image/btn_defence_alarm_%1.png").arg(type);
    }

    isDark = !isDark;
    update();
}

void ButtonDefence::setCanMove(bool canMove)
{
    this->canMove = canMove;
}

void ButtonDefence::setText(const QString &text)
{
    if (this->text != text) {
        this->text = text;
        update();
    }
}

void ButtonDefence::setButtonStyle(const ButtonDefence::ButtonStyle &buttonStyle)
{
    this->buttonStyle = buttonStyle;
    if (buttonStyle == ButtonStyle_Circle) {
        type = "circle";
    } else if (buttonStyle == ButtonStyle_Police) {
        type = "police";
    } else if (buttonStyle == ButtonStyle_Bubble) {
        type = "bubble";
    } else if (buttonStyle == ButtonStyle_Bubble2) {
        type = "bubble2";
    } else if (buttonStyle == ButtonStyle_Msg) {
        type = "msg";
    } else if (buttonStyle == ButtonStyle_Msg2) {
        type = "msg2";
    } else {
        type = "circle";
    }

    setButtonStatus(buttonStatus);
}

void ButtonDefence::setButtonStatus(const ButtonDefence::ButtonStatus &buttonStatus)
{
    this->buttonStatus = buttonStatus;
    isDark = false;
    if (timer->isActive()) {
        timer->stop();
    }

    if (buttonStatus == ButtonStatus_Arming) {
        imgName = QString(":/image/btn_defence_arming_%1.png").arg(type);
    } else if (buttonStatus == ButtonStatus_Disarming) {
        imgName = QString(":/image/btn_defence_disarming_%1.png").arg(type);
    } else if (buttonStatus == ButtonStatus_Bypass) {
        imgName = QString(":/image/btn_defence_bypass_%1.png").arg(type);
    } else if (buttonStatus == ButtonStatus_Error) {
        imgName = QString(":/image/btn_defence_error_%1.png").arg(type);
    } else if (buttonStatus == ButtonStatus_Alarm) {
        checkAlarm();
        if (!timer->isActive()) {
            timer->start();
        }
    }

    update();
}

六、控件介绍

  1. 超过150个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。
  2. 每个类都可以独立成一个单独的控件,零耦合,每个控件一个头文件和一个实现文件,不依赖其他文件,方便单个控件以源码形式集成到项目中,较少代码量。qwt的控件类环环相扣,高度耦合,想要使用其中一个控件,必须包含所有的代码。
  3. 全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.12的任何Qt版本,支持mingw、msvc、gcc等编译器,支持任意操作系统比如windows+linux+mac+嵌入式linux等,不乱码,可直接集成到Qt Creator中,和自带的控件一样使用,大部分效果只要设置几个属性即可,极为方便。
  4. 每个控件都有一个对应的单独的包含该控件源码的DEMO,方便参考使用。同时还提供一个所有控件使用的集成的DEMO。
  5. 每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。
  6. 每个控件默认配色和demo对应的配色都非常精美。
  7. 超过130个可见控件,6个不可见控件。
  8. 部分控件提供多种样式风格选择,多种指示器样式选择。
  9. 所有控件自适应窗体拉伸变化。
  10. 集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。
  11. 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
  12. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体,享受图形字体带来的乐趣。
  13. 所有控件最后生成一个dll动态库文件,可以直接集成到qtcreator中拖曳设计使用。
  14. 目前已经有qml版本,后期会考虑出pyqt版本,如果用户需求量很大的话。

七、SDK下载

  • SDK下载链接:https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码:877p
  • 下载链接中包含了各个版本的动态库文件,所有控件的头文件,使用demo,自定义控件+属性设计器。
  • 自定义控件插件开放动态库dll使用(永久免费),无任何后门和限制,请放心使用。
  • 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
  • 不定期增加控件和完善控件,不定期更新SDK,欢迎各位提出建议,谢谢!
在这里插入图片描述
在这里插入图片描述

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏秘籍酷

C与C++中的二等公民

在原来的C语言中,enum、const、auto等关键字都不尽完善,并没有发挥应有的功能,是二等公民,而随着时间的推移,在C++中他们都被完善了,有些还被赋予了...

12920
来自专栏秘籍酷

教你如何优雅地拒绝自作多情的C++

类比到C++中,他会你不知情的情况下,自动为你准备好①无参构造函数、②空析构函数、③复制构造函数、④赋值操作符函数等一系列基本类成员方法。你说他这是一种温柔贴心...

7230
来自专栏秘籍酷

你真的懂定义语句 "int a" 吗?

在刚开始学习一门新的编程语言的时候,我们通常的套路就是学习很多数据类型,定义各种变量。但你知不知道,数据类型的本质含义究竟是什么呢?

5620
来自专栏秘籍酷

非局部静态数据在多编译单元中的窘境

而编译单元指的就是*.o文件,假如一个工程是由n个单独的cpp和对应的头文件,那么就会被事先编译生成n个*.o文件,有时候我们将这些*.o文件称为目标文件,它们...

8320
来自专栏秘籍酷

你知道一个空的类里面有什么吗?

上面定义了一个真的很空的空类,一对大括号里面除了空气之外,真的什么都没有!根据C++的语法,这样的类是可以通过编译的,并且可以跟别的小朋友一样到处玩耍、奔跑和嬉...

8620
来自专栏架构师进阶

Effective Java-嵌套类(内部类)

嵌套类(nested class)是指被定义在另一个类内部的类。嵌套类的存在目的应该只是为外围类(enclosing class)提供服务。嵌套类有四种:

9720
来自专栏秘籍酷

多才多艺的const

这样的global实际上是一个常量,这是C++用来取代宏定义的其中一种措施,const常量有类型检测,提高编译器的效率。

10930
来自专栏秘籍酷

malloc 背后的系统知识

面试的时候经常会被问到 malloc 的实现。从操作系统层面来说,malloc 确实是考察面试者对操作系统底层的存储管理理解的一个很好的方式,涉及到虚拟内存、分...

11410
来自专栏秘籍酷

关键字《override》简析

C++中的关键字 override,它的含义其实两句话就说完了,但为了叙述的完整性,让我们从虚函数说起。在C++中,虚函数是最常见的实现多态的机制之一,来个最...

7520
来自专栏秘籍酷

话说const修饰符与static修饰符

这也是面试和笔试中经常会考到的问题,特别是static我面试了四家就考了两家,但是一般会放在前两题,属于特别基础的题目了。

9210

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励