使用QPropertyAnimation类绑定对应的属性后
就可以给这个属性设置对应的动画
//比如自定义了属性
Q_PROPERTY(int rotation READ rotation WRITE setRotation)
//给这个属性加动画效果
//参数1:谁要加动画效果
//参数2:哪个属性加动画效果
//参数3:parent
m_animation = new QPropertyAnimation(this, "rotation", this);
m_animation -> setDuration(2000); //设置动画时长
m_animation -> setStartValue(0); //设置开始值
m_animation -> setEndValue(360); //设置结束值
m_animation -> setLoopCount(3); //设置循环次数
m_animation -> start(); //开启动画
动画开启后,就会不停的调用setRotation(属性write函数)去修改这个属性的值
我们在setRotation这个函数中修改属性的值后,调用update()
于是QPropertyAnimation就会使得对应的控件不停的重绘,就产生了动画效果。
举例:
旋转的矩形
#ifndef WIDGET_H
#define WIDGET_H
#include<QPropertyAnimation>
#include<QPainter>
#include <QWidget>
class RotatingWidget : public QWidget {
Q_OBJECT
//QPropertyAnimation类要搭配Q_PROPERTY定义的属性来使用
//本质上就是QPropertyAnimation在不停的修改对应属性的值,然后不停的重绘,看起来像动的效果
Q_PROPERTY(int rotation READ rotation WRITE setRotation)
public:
RotatingWidget(QWidget *parent = nullptr): QWidget(parent), m_rotation(0) {
m_animation = new QPropertyAnimation(this, "rotation", this);
m_animation->setDuration(2000);//设置动画时长
m_animation->setStartValue(0);//设置开始值
m_animation->setEndValue(360);//设置结束值
m_animation->setLoopCount(3);//设置循环次数
//还可以设置动画的效果曲线,是匀速还是先快后慢等
m_animation->start();//开启动画
}
int rotation() const {
return m_rotation;
}
public slots:
void setRotation(int angle) {
m_rotation = angle;
//属性修改后就进行重绘
update();
}
protected:
void paintEvent(QPaintEvent *event) override {
QWidget::paintEvent(event);
QPainter painter(this);
painter.setRenderHint(QPainter::Antialiasing);
painter.translate(width() / 2, height() / 2);
painter.rotate(m_rotation);
painter.translate(-width() / 2, -height() / 2);
// 绘制旋转的图形,也可以是图片
painter.setPen(QPen(Qt::red));
painter.drawRect(width() / 2-50, height() / 2-50, 100, 100);
}
private:
QPropertyAnimation *m_animation;
int m_rotation;
};
#endif // WIDGET_H
标签:动画,Qt,QPropertyAnimation,旋转,animation,rotation,painter,属性 From: https://blog.csdn.net/sc_o_r_pio/article/details/143806627