Qt Qwdget 汽车仪表知识点拆解6 自定义控件-阿里云开发者社区

Qt Qwdget 汽车仪表知识点拆解6 自定义控件

2021-12-15 311

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 先贴上效果图，注意，没有写逻辑，都是乱动的

这里说一下控件自定义

图中标出的部分都是自定义的控件

这里如果我们有批量类似的功能，就可以使用自定义控件的方式，这里我已下面的自定义控件说一下，上面的在上一篇文章中已经有了代码了

选着项目，鼠标邮件，添加新文件

选择C++类，再选择C++ class

完了点击Choose就可以了

填写自己的类的名称，下面是你要自定义那个控件，一般就把那个控件作为基类，例如QLabel

记得要包好QObject，不然有好多Qt的功能是无法使用的

剩下的就是在类中实现你的功能

这里贴下我的代码，我的功能及时欢每个label的资源文件

#ifndef MQLABEL_NUMBER_H
#define MQLABEL_NUMBER_H
#include <QObject>
#include <QLabel>
class MQlabel_Number : public QLabel
{
    Q_OBJECT
public:
    explicit MQlabel_Number(QWidget *parent = 0);
    void set_number(int num = 0);
signals:
public slots:
};
#endif // MQLABEL_NUMBER_H

.CPP

#include "mqlabel_number.h"
MQlabel_Number::MQlabel_Number(QWidget *parent) : QLabel(parent)
{
    this->resize(16,16);
}
void MQlabel_Number::set_number(int num)
{
    switch (num) {
    case 0:
        this->setStyleSheet("border-image:url(:/source/numberl/0.png)");
        break;
    case 1:
        this->setStyleSheet("border-image:url(:/source/numberl/1.png)");
        break;
    case 2:
        this->setStyleSheet("border-image:url(:/source/numberl/2.png)");
        break;
    case 3:
        this->setStyleSheet("border-image:url(:/source/numberl/3.png)");
        break;
    case 4:
        this->setStyleSheet("border-image:url(:/source/numberl/4.png)");
        break;
    case 5:
        this->setStyleSheet("border-image:url(:/source/numberl/5.png)");
        break;
    case 6:
        this->setStyleSheet("border-image:url(:/source/numberl/6.png)");
        break;
    case 7:
        this->setStyleSheet("border-image:url(:/source/numberl/7.png)");
        break;
    case 8:
        this->setStyleSheet("border-image:url(:/source/numberl/8.png)");
        break;
    case 9:
        this->setStyleSheet("border-image:url(:/source/numberl/9.png)");
        break;
    default:
        break;
    }
}