QT Widget： 自定义Widget组件及创建和使用动静态库

wildlily84272024-03-01 17:43

学习自定义Widget组件，书中的案例：

复制代码 
// 自定义QmyBattery组件
// QmyBattery.c++
#include "qmybattery.h"

QmyBattery::QmyBattery(QWidget *parent) : QWidget(parent)
{

}

/*
 * 1.QPainter的viewport()与window()分别代表着物理坐标与逻辑坐标区域，默认两个区域是重合的，也就是用户指定的rect区域在两者上是同样的大小、位置。
2.setWindow()可以设置你想指定的rect区域，比如rect=（-50，-50,100,100），此时你定义的逻辑区域左上坐标（-50，-50），右下坐标（50,50），大小（100X100）,
最重要的是QPainter的drawLine、drawRect或者其它draw操作都是以这个逻辑坐标区域为准来绘制图像的，也就是此时的坐标系原点（0,0）就是（-50，-50）了。
3.SetViewport()设置的是物理坐标区域，它代表着实际显示的区域，切记这只是用户规定的画图区域而不是画图的坐标直接以它为准，你画的图像还是以window()
区域的坐标系为准，最终是要将winodw()逻辑区域映射到viewport()物理区域的，这样以后在使用QPainter进行绘制图形时就可以通过设置这两个方法去放大、
平移图像了，比如保持window()逻辑坐标不变，将viewport()物理坐标区域大小变为之前的2倍，那么实际显示的图像也会自动放大2倍了，至于平移也差不多，我懒得算了。
*/
void QmyBattery::paintEvent(QPaintEvent *event) {
    Q_UNUSED(event)
    QPainter painter(this);// 画家
    qDebug() << "width = "<<width() <<";height = " <<height();
    QRect rect(0,0,width(),height());
    painter.setViewport(rect);
    painter.setWindow(0,0,120,50);
    painter.setRenderHint(QPainter::Antialiasing);// 抗锯齿功能
    painter.setRenderHint(QPainter::TextAntialiasing);// 文字抗锯齿

    /*绘制电池边框*/
    QPen pen; // 设置画笔
    pen.setWidth(2);
    pen.setColor(mColorBorder);
    pen.setStyle(Qt::SolidLine);// 线的样式
    pen.setCapStyle(Qt::FlatCap);// 线条的端点样式
    pen.setJoinStyle(Qt::BevelJoin);// 连接点的样式
    painter.setPen(pen);

    QBrush brush;// 设置画刷
    brush.setColor(mColorBack);// 填充颜色
    brush.setStyle(Qt::SolidPattern);// 填充样式

    painter.setBrush(brush);


    rect.setRect(1,1,109,48);
    painter.drawRect(rect);

    brush.setColor(mColorBorder);
    painter.setBrush(brush);

    rect.setRect(110,15,10,20);
    painter.drawRect(rect);

    if (mPowerLevel > mWarnLevel) {
        brush.setColor(mColorPower);
        pen.setColor(mColorPower);
    } else {
        brush.setColor(mColorWarning);
        pen.setColor(mColorWarning);
    }

    painter.setBrush(brush);
    painter.setPen(pen);

    if (mPowerLevel > 0) {
        rect.setRect(5,5,mPowerLevel,40);
        painter.drawRect(rect);
    }

    QFontMetrics textSize(this->font());
    QString powStr = QString::asprintf("%d%%",mPowerLevel);
    QRect textRect = textSize.boundingRect(powStr);
    painter.setFont(this->font());
    pen.setColor(mColorBorder);
    painter.setPen(pen);
    painter.drawText(55-textRect.width()/2,23+textRect.height()/2,powStr);
}

void QmyBattery::setPowerLevel(int power) {
    mPowerLevel = power;
    emit powerLevelChanged(power);
    repaint();
}

int QmyBattery::powerLevel() {
    return mPowerLevel;
}

void QmyBattery::setWarnLevel(int warn) {
    mWarnLevel = warn;
    repaint();
}

int QmyBattery::warnLevel() {
    return mWarnLevel;
}

QSize QmyBattery::siezeHint() {
    int H = this->height();
    int W = H *12/5;
    QSize size(W,H);
    return  size;
}

// QmyBattery.h
#ifndef QMYBATTERY_H
#define QMYBATTERY_H

#include <QWidget>
#include <QPainter>
#include <QDebug>

class QmyBattery : public QWidget
{
    Q_OBJECT
private:
    QColor mColorBack = Qt::white;
    QColor mColorBorder = Qt::black;
    QColor mColorPower = Qt::green;
    QColor mColorWarning = Qt::red;

    int mPowerLevel = 60;
    int mWarnLevel = 20;
protected:
    void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;
public:
    explicit QmyBattery(QWidget *parent = nullptr);
    void setPowerLevel(int power);
    int powerLevel();
    void setWarnLevel(int warn);
    int warnLevel();
    QSize siezeHint();

signals:
    void powerLevelChanged(int);

public slots:
};

#endif // QMYBATTERY_H

// 使用 MainWindow.c++
#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->battery->setPowerLevel(10);

}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_slider_valueChanged(int value){
    qDebug() << "value = " <<value;
    ui->battery->setPowerLevel(value);
}

效果图：

二、创建动态库

1、创建工程

（1）

（2）

（3）创建工程名称mySharedLib，选择工程路径。

（4 ）添加类名称，我的为QmyBattery选择类型。选择模块为Widgets。动态库选择：

静态库选择：

工程新建成功之后，工程目录如下：

2、自动生成的.pro文件如下：

复制代码 
QT += widgets

TARGET = mySharedLib

TEMPLATE = lib
DEFINES += MYSHAREDLIB_LIBRARY

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    qmybattery.cpp

HEADERS += \
    mySharedLib_global.h \
    qmybattery.h

# Default rules for deployment.
unix {
    target.path = /usr/lib
}
!isEmpty(target.path): INSTALLS += target

3、添加代码，完成qmybattery.cpp，qmybattery.h文件。

复制代码 
// qmybattery.cpp
#include "qmybattery.h"


QmyBattery::QmyBattery(QWidget *parent) : QWidget(parent)
{

}

/*
 * 1.QPainter的viewport()与window()分别代表着物理坐标与逻辑坐标区域，默认两个区域是重合的，也就是用户指定的rect区域在两者上是同样的大小、位置。
2.setWindow()可以设置你想指定的rect区域，比如rect=（-50，-50,100,100），此时你定义的逻辑区域左上坐标（-50，-50），右下坐标（50,50），大小（100X100）,
最重要的是QPainter的drawLine、drawRect或者其它draw操作都是以这个逻辑坐标区域为准来绘制图像的，也就是此时的坐标系原点（0,0）就是（-50，-50）了。
3.SetViewport()设置的是物理坐标区域，它代表着实际显示的区域，切记这只是用户规定的画图区域而不是画图的坐标直接以它为准，你画的图像还是以window()
区域的坐标系为准，最终是要将winodw()逻辑区域映射到viewport()物理区域的，这样以后在使用QPainter进行绘制图形时就可以通过设置这两个方法去放大、
平移图像了，比如保持window()逻辑坐标不变，将viewport()物理坐标区域大小变为之前的2倍，那么实际显示的图像也会自动放大2倍了，至于平移也差不多，我懒得算了。
*/
void QmyBattery::paintEvent(QPaintEvent *event) {
    Q_UNUSED(event)
    QPainter painter(this);// 画家
    qDebug() << "width = "<<width() <<";height = " <<height();
    QRect rect(0,0,width(),height());
    painter.setViewport(rect);
    painter.setWindow(0,0,120,50);
    painter.setRenderHint(QPainter::Antialiasing);// 抗锯齿功能
    painter.setRenderHint(QPainter::TextAntialiasing);// 文字抗锯齿

    /*绘制电池边框*/
    QPen pen; // 设置画笔
    pen.setWidth(2);
    pen.setColor(mColorBorder);
    pen.setStyle(Qt::SolidLine);// 线的样式
    pen.setCapStyle(Qt::FlatCap);// 线条的端点样式
    pen.setJoinStyle(Qt::BevelJoin);// 连接点的样式
    painter.setPen(pen);

    QBrush brush;// 设置画刷
    brush.setColor(mColorBack);// 填充颜色
    brush.setStyle(Qt::SolidPattern);// 填充样式

    painter.setBrush(brush);


    rect.setRect(1,1,109,48);
    painter.drawRect(rect);

    brush.setColor(mColorBorder);
    painter.setBrush(brush);

    rect.setRect(110,15,10,20);
    painter.drawRect(rect);

    if (mPowerLevel > mWarnLevel) {
        brush.setColor(mColorPower);
        pen.setColor(mColorPower);
    } else {
        brush.setColor(mColorWarning);
        pen.setColor(mColorWarning);
    }

    painter.setBrush(brush);
    painter.setPen(pen);

    if (mPowerLevel > 0) {
        rect.setRect(5,5,mPowerLevel,40);
        painter.drawRect(rect);
    }

    QFontMetrics textSize(this->font());
    QString powStr = QString::asprintf("%d%%",mPowerLevel);
    QRect textRect = textSize.boundingRect(powStr);
    painter.setFont(this->font());
    pen.setColor(mColorBorder);
    painter.setPen(pen);
    painter.drawText(55-textRect.width()/2,23+textRect.height()/2,powStr);
}

void QmyBattery::setPowerLevel(int power) {
    mPowerLevel = power;
    emit powerLevelChanged(power);
    repaint();
}

int QmyBattery::powerLevel() {
    return mPowerLevel;
}

void QmyBattery::setWarnLevel(int warn) {
    mWarnLevel = warn;
    repaint();
}

int QmyBattery::warnLevel() {
    return mWarnLevel;
}

QSize QmyBattery::siezeHint() {
    int H = this->height();
    int W = H *12/5;
    QSize size(W,H);
    return  size;
}

//  qmybattery.h
#ifndef QMYBATTERY_H
#define QMYBATTERY_H

#include <QWidget>
#include <QPainter>
#include <QDebug>


#include "mySharedLib_global.h"

class MYSHAREDLIB_EXPORT QmyBattery: public QWidget
{
    Q_OBJECT
private:
    QColor mColorBack = Qt::white;
    QColor mColorBorder = Qt::black;
    QColor mColorPower = Qt::green;
    QColor mColorWarning = Qt::red;

    int mPowerLevel = 60;
    int mWarnLevel = 20;
protected:
    void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;
public:
    explicit QmyBattery(QWidget *parent = nullptr);
    void setPowerLevel(int power);
    int powerLevel();
    void setWarnLevel(int warn);
    int warnLevel();
    QSize siezeHint();

signals:
    void powerLevelChanged(int);

public slots:
};

#endif // QMYBATTERY_H

3、构建生成so文件。

三、使用动态库

1、新建一个工程useShare。

2、把so文件及.h文件拷贝到工程下。注意去掉so后面的1.0.0

3、添加库

（1）

（2）

（3）我是将程序运行到板子里，所以选linux

添加完成后.pro文件：

复制代码 
QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

FORMS += \
    mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

unix:!macx: LIBS += -L$$PWD/./ -lmySharedLib

INCLUDEPATH += $$PWD/.
DEPENDPATH += $$PWD/.

4、添加.h文件。只选择qmybattery.h文件。

5、加载QmyBatter组件。

复制代码 
// mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QmyBattery *battery = new QmyBattery(this);
    battery->setParent(this);
    battery->move(100,100);
    battery->show();
    battery->setPowerLevel(50);
}

MainWindow::~MainWindow()
{
    delete ui;

}


// mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include "qmybattery.h"

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

编译运行代码。因为程序在板子里面运行需要把libmySharedLib.so.1.0.0文件push到板子/usr/lib路径下。

静态库的生成和使用 比较简单。不做记录。

相关推荐
为自己_带盐1 分钟前
浅聊一下数据库的索引优化
开发语言·数据库·php
明月看潮生33 分钟前
青少年编程与数学 02-019 Rust 编程基础 12课题、所有权系统
开发语言·青少年编程·rust·编程与数学
shengjk11 小时前
序列化和反序列化：从理论到实践的全方位指南
java·大数据·开发语言·人工智能·后端·ai编程
passionSnail1 小时前
《用MATLAB玩转游戏开发》推箱子游戏的MATLAB趣味实现
开发语言·游戏·matlab
Once_day1 小时前
C++之fmt库介绍和使用(1)
开发语言·c++·fmt
摆烂且佛系2 小时前
FastByteArrayOutputStream和ByteArrayInputStream有什么区别
java·开发语言
Chandler242 小时前
Go语言：json 作用和语法
开发语言·golang·json
凤年徐2 小时前
【C/C++】自定义类型：结构体
c语言·开发语言·c++·经验分享·笔记·算法
能来帮帮蒟蒻吗2 小时前
Python -将MP4文件转为GIF图片
开发语言·python·学习·视频
忆源2 小时前
【Qt】之音视频编程2：QtAV的使用篇
开发语言·qt·音视频
热门推荐
01YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04【解决】Android Gradle Sync 报错 Could not read workspace metadata05【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高，一键全文降！文件格式不变，公式都保留的！06DeepSeek各版本说明与优缺点分析07苍穹外卖面试总结08Coze扣子平台完整体验和实践（附国内和国际版对比）09西电B测-计算机网络综合实验(含验收问题)10yolov8实战第五天——yolov8+ffmpg实时视频流检测并进行实时推流——（推流，保姆教学）