十二、Qt自定义Widget组件、静态库与动态库

一、自定义Widget组件

1、自定义Widget组件

使用步骤
  • 采用提升法(promotion)
  • 重新定义paintEvent事件

2、实现程序

在这里插入图片描述

(1)创建项目,基于QWidget

在这里插入图片描述

(2)添加类,为Widget组件提升类

#include "battery.h"
#include <QPainter>

int Battery::powerLevel() const
{
    return mPowerLevel;
}

void Battery::setPowerLevel(int powerLevel)
{
    mPowerLevel = powerLevel;

    repaint();
}

void Battery::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event)

    QPainter painter(this);
    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 <= mWarning)
    {
        brush.setColor(mColorWarning);
        pen.setColor(mColorWarning);
    }
    else
    {
        brush.setColor(mColorPower);
        pen.setColor(mColorPower);
    }
    painter.setBrush(brush);
    painter.setPen(pen);
    if(mPowerLevel > 0)
    {
        rect.setRect(5, 5, mPowerLevel, 40);
        painter.drawRect(rect);
    }

    // 绘制百分比文字
    QFontMetrics textSize(this->font());
    QString powerStr = QString::asprintf("%d%%", mPowerLevel);
    QRect textRect = textSize.boundingRect(powerStr);
    pen.setColor(mColorBorder);
    painter.setPen(pen);
    painter.drawText(55 - textRect.width() / 2, 23 + textRect.height() / 2, powerStr);

}

Battery::Battery(QWidget *parent) : QWidget(parent)
{

}

(3)设置标题和图标(图标需要选择资源中图标,直接选择文件可能无效)

在这里插入图片描述

(4)实现电池电量修改

#include "widget.h"
#include "ui_widget.h"

#include "battery.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->battery->setPowerLevel( ui->horizontalSlider->value() );
}

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

void Widget::on_horizontalSlider_valueChanged(int value)
{
    int nPower = ui->horizontalSlider->value();
    ui->battery->setPowerLevel(nPower);
    ui->label->setText(QString::asprintf("当前电量: %d%%", nPower));
}

在这里插入图片描述

二、自定义QtDesigner插件

1、实现程序

(1)创建自定义控件工程

在这里插入图片描述
在这里插入图片描述
设置分组
在这里插入图片描述

(2)将生成的dll库拷贝到Tools\QtCreator\bin\plugins\designer下

(3)创建项目,基于QWidget

在UI编辑界面组件栏可以看到多分组MyWidget下有了Battery组件。(我没做出来,始终是加载失败,之后测试处理)
初步分析:似乎因为Qt IDE是由MSVC编译,所以插件必须为MSVC编译(本人使用MSVC2015 64bit测试,没有加载成功,之后测试32bit)

在这里插入图片描述
在这里插入图片描述

三、静态链接库

1、静态链接库的创建和使用

(1)创建静态链接库

  • MSVC编译器生成的库后缀为“.lib”
  • MinGW编译器生成的库后缀为".a"

(2)使用静态库

需要使用静态库文件和h文件,不需要cpp文件

2、实现程序

在这里插入图片描述

(1)创建Library项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(2)使用图表中的一个窗口

在这里插入图片描述

(3)创建项目调用库

(4)添加库

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(5)实现功能

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "dialogpen.h"

#include <QPainter>

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event)

    QPainter painter(this);
    QRect rect(0, 0, width(), height());
    painter.setViewport(rect);
    painter.setWindow(0, 0, 100, 50); // 逻辑坐标
    painter.setPen(mPen);
    painter.drawRect(10, 10, 80, 30);
}

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

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

void MainWindow::on_actSetPen_triggered()
{
    bool ok = false;
    QPen pen = DialogPen::getPen(mPen, ok);
    if(ok)
    {
        mPen = pen;
        repaint();
    }
}

在这里插入图片描述

四、共享库(动态链接库)

1、动态库声明

(1)隐式加载

#if defined(DLL_LIBRARY)
#define DLLSHARED_EXPORT Q_DECL_EXPORT
#else
#define DLLSHARED_EXPORT Q_DECL_IMPORT
#endif

(2)显示加载(直接打开dll库,直接解析调用函数)

typedef int (*FunDef)(int);

FunDef myFun = (FunDef)myLib.resolve("funName"); //解析dll函数
int n = myFun(1); //调用函数

2、实现隐式加载程序

(1)创建动态库工程

在这里插入图片描述

(2)导出动态库

class SHAREDLIBSHARED_EXPORT DialogPen : public QDialog

(3)实现功能

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "dialogpen.h"

#include <QPainter>

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event)

    QPainter painter(this);
    QRect rect(0, 0, width(), height());
    painter.setViewport(rect);
    painter.setWindow(0, 0, 100, 50); // 逻辑坐标
    painter.setPen(mPen);
    painter.drawRect(10, 10, 80, 30);
}

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

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

void MainWindow::on_actSetPen_triggered()
{
    bool ok = false;
    QPen pen = DialogPen::getPen(mPen, ok);
    if(ok)
    {
        mPen = pen;
        repaint();
    }
}

在这里插入图片描述

3、实现显式加载程序

### 如何在 Visual Studio 和 Qt 中创建和使用自定义控件 #### 创建自定义控件的基础概念 为了能够在应用程序中扩展功能,开发者经常需要创建自定义控件来满足特定的需求。无论是通过 Visual Studio 还是 Qt Creator 开发环境,创建自定义控件的过程都涉及几个核心步骤。 #### 在 Visual Studio 中配合 Qt 创建自定义控件 当准备在 Windows 平台上利用 Visual Studio 结合 Qt 来构建项目时,首先应准备好文件夹结构[^1]。这通常意味着要设置好项目的根目录以及必要的子目录用于存放源码、资源和其他辅助文件。对于希望提高组件可移植性的场景来说,在 Windows 下可以通过将自定义控件打包为动态链接库(DLL),并分发对应的头文件(.h),静态库(.lib) DLL 文件给最终用户的方式实现重用性[^3]。 #### 实现自定义控件的具体流程 针对具体的实现细节,假设当前的工作环境中操作系统版本为 Ubuntu 18.04 LTS, 使用的是 Qt 5.14.1 及其配套工具链 QtCreator 4.11.0 版本,则可以在 Linux 系统上按照如下方式操作: - 编写自定义控件的类定义及其成员函数; - 利用宏 `Q_PLUGIN_METADATA` 注册插件元数据以便于被识别加载; - 调整 `.pro` 工程配置文件以确保编译器能够正确处理 plugin 的特殊属性; 完成上述准备工作后,执行命令行指令 qmake 和 nmake 完成编译过程,从而得到目标平台下的二进制输出——即 .dll 插件形式的自定义控件。最后一步则是把生成好的 dll 放置到适当位置让 IDE 加载显示出来[^2]。 #### 将自定义控件应用于实际项目 一旦成功制作出自定义控件,下一步就是将其应用到具体的应用程序当中去。如果是基于 Qt Creator 进行开发的话,那么只需要简单地复制之前提到过的 IconEditor.dll 至指定路径下(C:\QtSDK\QtCreator\bin\designer), 接着重启 Qt Creator 即可在 Designer 视图里找到新增加的那个部件了。而对于那些打算采用此新控件的新旧工程项目而言,则需记得引入相应的头文件(`#include "IconEditor.h"`)[^4]。 ```cpp // 示例代码展示如何包含自定义控件头部文件 #include "IconEditor.h" int main(int argc, char *argv[]) { QApplication app(argc, argv); QWidget window; Ui::MainWindow ui; ui.setupUi(&window); // 假设 IconEditor 是我们刚才添加进去的一个自定义控件名称 IconEditor* editor = new IconEditor(); QVBoxLayout* layout = new QVBoxLayout(ui.centralWidget); layout->addWidget(editor); window.show(); return app.exec(); } ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值