【Qt】paintEvent实现动画旋转

7 篇文章 2 订阅

项目有写过重连的按钮,会有个旋转动画表示在重连。QTimer配合QPainter绘制出来的,这里记录一下

效果如下图,录制的原因,所以看起来有点卡,实际不会这样:

头文件:

#ifndef CIRCLEWIDGET_H
#define CIRCLEWIDGET_H

#include <QWidget>

class QTimer;

class CircleWidget : public QWidget
{
    Q_OBJECT
public:
    explicit CircleWidget(QWidget *parent = 0);

    void startCircle();

protected:
    void paintEvent(QPaintEvent *e);

private slots:
    void onTimeout();

private:
    QImage m_bg;
    QTimer *m_pCircleTimer = Q_NULLPTR;
    int m_nCirleCount = 0;
    bool m_bCircle = false;
    int m_nAngle = 0;

};

#endif // CIRCLEWIDGET_H

cpp文件:

#include "circlewidget.h"

#include <QPainter>
#include <QTimer>

CircleWidget::CircleWidget(QWidget *parent):
    QWidget(parent)
{
    m_bg = QImage(":/skin/btn_Reconnecting.png");

    m_pCircleTimer = new QTimer(this);
    m_pCircleTimer->setInterval(50);
    connect(m_pCircleTimer, &QTimer::timeout, this, &CircleWidget::onTimeout);
}

void CircleWidget::startCircle()
{
    m_pCircleTimer->start();
    m_bCircle = true;
}

void CircleWidget::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);
    painter.setPen(Qt::NoPen);
    painter.setBrush(Qt::NoBrush);
    painter.setRenderHint(QPainter::SmoothPixmapTransform);

    if(m_bCircle)
    {
        painter.translate(this->width() / 2, this->height() / 2);          //设置旋转中心
        painter.rotate(m_nAngle);          //旋转
        painter.translate(-(this->width() / 2), -(this->height() / 2));        //将原点复位
    }
    painter.drawImage(this->rect(), m_bg);

    QWidget::paintEvent(e);
}

void CircleWidget::onTimeout()
{
    ++m_nCirleCount;
    if(m_nAngle == 360)
    {
        m_nAngle = 0;
    }
    m_nAngle += 10;

    if(m_nCirleCount == 600)
    {
        m_pCircleTimer->stop();
        m_bCircle = false;
        m_nCirleCount = 0;
    }
    update();
}

 

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Qt中,您可以使用QPropertyAnimation类来旋转按键。QPropertyAnimation类提供了一种简单的方式,用于在指定的时间内,从一个属性的当前值平滑地过渡到另一个属性的值。 以下是一个示例,演示如何旋转按键: ```cpp class MyButton : public QPushButton { Q_OBJECT public: MyButton(QWidget *parent = 0); public slots: void rotate(); private: QPropertyAnimation *m_animation; }; MyButton::MyButton(QWidget *parent) : QPushButton("Click me", parent) { // 创建旋转动画 m_animation = new QPropertyAnimation(this, "rotation"); m_animation->setDuration(1000); m_animation->setStartValue(0); m_animation->setEndValue(360); m_animation->setLoopCount(-1); // 无限循环 // 连接按键的clicked()信号到槽函数rotate() connect(this, SIGNAL(clicked()), this, SLOT(rotate())); } void MyButton::rotate() { // 启动旋转动画 m_animation->start(); } ``` 在这个示例中,我们创建了一个名为MyButton的QPushButton派生类,并在其中添加了一个QPropertyAnimation对象。我们在构造函数中设置了旋转动画的持续时间、起始值和结束值,并将其循环次数设置为无限。我们还连接了按键的clicked()信号到槽函数rotate(),在该函数中启动旋转动画。 要使动画生效,我们需要添加一个rotation属性到MyButton类中。我们可以通过添加下面代码来实现: ```cpp class MyButton : public QPushButton { Q_OBJECT Q_PROPERTY(qreal rotation READ rotation WRITE setRotation) public: MyButton(QWidget *parent = 0); qreal rotation() const { return m_rotation; } void setRotation(qreal rotation) { m_rotation = rotation; update(); } protected: void paintEvent(QPaintEvent *event); private: qreal m_rotation; }; void MyButton::paintEvent(QPaintEvent *event) { Q_UNUSED(event); // 旋转绘图上下文并绘制按键 QPainter painter(this); painter.translate(width() / 2, height() / 2); painter.rotate(m_rotation); painter.translate(-width() / 2, -height() / 2); painter.drawText(rect(), Qt::AlignCenter, text()); } ``` 在这里,我们添加了一个名为rotation的属性,并在paintEvent函数中使用QPainter来旋转绘图上下文并绘制按键。由于我们已经在MyButton类中添加了一个rotation属性,QPropertyAnimation将会自动更新该属性的值,并启动动画。 最后,您可以使用MyButton类来创建一个旋转的按键,例如: ```cpp MyButton *button = new MyButton(this); button->setGeometry(QRect(QPoint(100, 100), QSize(100, 50))); ``` 请注意,这只是一个简单的示例,您可以根据需要自定义MyButton类,并使用更复杂的绘图算法来绘制旋转的按键。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值