Qt制作一个简单的旋转label

旋转图片控件：

用途，用于设置一个繁忙的图片，告知用户正在进行中

 

方法1.旋转图片本身

使用图片的旋转算法：

 

对象：

 

#ifndef BUSYLABELIMG_H

#define BUSYLABELIMG_H

 

#include <QLabel>

#include <QTimer>

 

class BusyLabelImg : public QLabel {

public:

    BusyLabelImg(QWidget* parent = nullptr);

 

    void setPixmap(const QString& imgPath);

    void setTick(int msSeconds = 500);

    void start();

    void stop()

    {

        mTimer.stop();

    }

 

private:

    void next();

 

private:

    QTimer mTimer;

    QPixmap mPix;

    int mTick;

};

 

#endif // BUSYLABELIMG_H

 

 

#include "BusyLabelImg.h"

#include <QApplication>

#include <QDebug>

#include <QFile>

#include <QPixmap>

#include <QTransform>

 

BusyLabelImg::BusyLabelImg(QWidget* parent)

    : QLabel(parent)

    , mTick(500)

{

    this->setWordWrap(true);

    //this->setScaledContents(true);  此处代码只是测试，设置此选项图片会固定大小到label大小

//不适合此处目的使用，使用此选项意味着不同旋转之后的图像大小缩放到label大小，边界不同的差异

    connect(&mTimer, &QTimer::timeout, this, &BusyLabelImg::next);

}

 

//读取图片并且缩放到固定大小

void BusyLabelImg::setPixmap(const QString& imgPath)

{

    if (QFile::exists(imgPath)) {

        mPix.load(imgPath);

        mPix = mPix.scaled(300, 300);

    }

}

 

//旋转时间间隔

void BusyLabelImg::setTick(int msSeconds)

{

    mTick = msSeconds;

}

 

void BusyLabelImg::start()

{

    mTimer.start(mTick);

}

 

//旋转图片到下一个角度

void BusyLabelImg::next()

{

    static int angle = 0;

    angle += 60;

    angle %= 360;

    QMatrix matrix;

    matrix.rotate(angle);

    auto tmp = mPix.transformed(matrix);

    this->QLabel::setPixmap(tmp);

    QApplication::processEvents();

    qDebug() << " pix size " << tmp.size();

}

 

任意位置使用该对象：

我的是在主窗口通过提示实现

使用的代码：

 

void MainWindow::on_start1_clicked()

{

    auto filePath = QFileDialog::getOpenFileName(this, tr("Image"), this->windowFilePath());

    if (filePath.isEmpty()) {

        return;

    }

 

    ui->label->setPixmap(filePath);

    ui->label->setTick(100);

    ui->label->start();

 

    this->setWindowFilePath(filePath);

}

 

 

 

输出：

 pix size  QSize(410, 410)

 pix size  QSize(410, 410)

 pix size  QSize(300, 300)

 pix size  QSize(411, 410)

 pix size  QSize(410, 410)

 pix size  QSize(300, 300)

 可以看出来，旋转后的图像打下发生变化，因此label的最小大小必须能够容纳411，410，

也就是可以简单的认为是对角线长度

 

效果：

因为图像中心有偏转，所以转动稍微偏移

 

方法2：旋转绘制坐标

 

#ifndef BUSYLABELPAINTER_H

#define BUSYLABELPAINTER_H

#include <QLabel>

#include <QPixmap>

#include <QTimer>

 

class BusyLabelPainter : public QLabel {

public:

    BusyLabelPainter(QWidget* parent = nullptr);

    void setPixmap(const QString& imgPath);

    void setTick(int msSeconds = 500);

    void start();

    void stop()

    {

        mTimer.stop();

    }

 

private:

    void next();

 

private:

    QPixmap mPix;

    QTimer mTimer;

    int mTick;

};

 

#endif // BUSYLABELPAINTER_H

 

 

#include "BusyLabelPainter.h"

#include <QDebug>

#include <QFile>

#include <QPainter>

BusyLabelPainter::BusyLabelPainter(QWidget* parent)

    : QLabel(parent)

{

    this->setWordWrap(true);

    //this->setScaledContents(true);

    connect(&mTimer, &QTimer::timeout, this, &BusyLabelPainter::next);

}

void BusyLabelPainter::setPixmap(const QString& imgPath)

{

    if (QFile::exists(imgPath)) {

        mPix.load(imgPath);

        mPix = mPix.scaled(300, 300);

    }

}

 

void BusyLabelPainter::setTick(int msSeconds)

{

    mTick = msSeconds;

}

 

void BusyLabelPainter::start()

{

    mTimer.start(mTick);

}

 

void BusyLabelPainter::next()

{

    static int angle = 0;

    angle += 60;

    angle %= 360;

    QMatrix matrix;

    matrix.rotate(angle);

    QPixmap tmp(mPix.size());

    tmp.fill(Qt::transparent);

    QPainter painter(&tmp);

    painter.translate(mPix.rect().center());

    painter.rotate(angle);

    painter.translate(-mPix.rect().center());

    painter.drawPixmap(mPix.rect(), mPix);

    this->QLabel::setPixmap(tmp);

    qDebug() << " pix painter size " << tmp.size();

}

 

绘制逻辑图

 

使用方法和方法1相同

 

两者对比：

 

对比两种玩法，第二种相对来说不需要设置更多的参数，label大小很容易控制

第一种label的大小需要可以发生一定的变化；

没有直接使用painter去绘制的原因是因为，图像的变化速度会比控件绘制要快，后期可以在线程里面调用图像的绘制，然后切到主线程刷新图片

 

这个例子比较简单，但是也是很多地方会用到特殊控件