首页 > 其他分享 >Qt中实现旋转动画效果

Qt中实现旋转动画效果

时间:2024-11-15 20:14:58浏览次数:3  
标签:动画 Qt QPropertyAnimation 旋转 animation rotation painter 属性

使用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

相关文章

  • 带你0到1之QT编程:二十六、实战应用之翻转动画的实现
    此为QT编程的第二十六谈!关注我,带你快速学习QT编程的学习路线!每一篇的技术点都是很很重要!很重要!很重要!但不冗余!我们通常采取总-分-总和生活化的讲解方式来阐述一个知识点!码农不易,各位学者学到东西请点赞支持支持!开始部分:总:在开发过程中,难以避免有些高级动画的实现,例如翻......
  • pyqt5使用中的一些坑
    1、使用Qlabel显示rgb图像和灰度图像发生扭曲RGB:defdis_img(self):#BGR=>RGB文件格式shrink=cv2.cvtColor(self.img_org,cv2.COLOR_BGR2RGB)#cv图片转换成qt图片qt_img=QtGui.QImage(shrink.data,#数据源shrink.s......
  • Linux系统编译QT5.15.0及串口问题
    编译流程:1>下载QT源码源码的下载可以到qt的官网http://www.qt.io/download/ 2>解压tarxvfqt-everywhere-src-x.x.x.tar.gz注意后缀和解压方式3>配置 ./configure进行环境配制。4>编译执行make编译,时间长,大概在三四个小时左右。5>安装sudomakeinstall需要5分钟......
  • Timeline动画「硬切」的问题
    1)Timeline动画「硬切」的问题2)移动平台纹理压缩格式选择ASTC,美术出图还需遵守POT吗3)如何去掉DOTSUnity.Entities.Graphics创建的BatchRendererGroup的UI相机回调4)Timeline播放动画会产生位移的问题这是第409篇UWA技术知识分享的推送,精选了UWA社区的热门话题,涵盖了UWA问答、社区......
  • PyQt5-Qtablewidget
    创建表格fromPyQt5.QtWidgetsimportQTableView,QStyledItemDelegate,QComboBox,QTextEditfromPyQt5.QtCoreimportQAbstractTableModel,Qt,QModelIndex,QEvent,QRect,QSize,QVariantfromPyQt5.QtGuiimportQFontMetricsclassTaskTable(QTableWidget):de......
  • qt定时器
    首先测试以下qt定时器的精确度运行结果:timer:5999*10mselapsed:59996结论:1min的延迟后,误差在6ms内如果你在Timeout槽函数中执行耗时操作,这将会影响定时器的精确性和响应性。具体来说,Qt的事件循环是基于单线程模型的,所有事件处理(包括定时器超时事件)都在主线程中进行。......
  • 手把手教你学simulink(15.2)--Simulink 动画控制场景:实现一个基于Simulink的3D角色动画
    目录项目概述项目背景项目目标系统架构系统建模模型设计输入模块控制模块动画模块显示模块模型搭建仿真和结果分析项目总结使用Simulink在动画控制场景下的另一个项目实例详细介绍。这个项目将重点放在使用Simulink设计和仿真一个3D角色动画控制系统,该系统能够......
  • 旋转数组的最小数字
    题目把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。输入一个递增排序的数组的一个旋转,输出旋转数组的最小元素。例如数组{2,4,5,1,2}为{1,2,3,4,5}的一个旋转,该数组的最小值为1.解题思路看到“递增数组”和“查找最小值”,就要想到二分法。有两种切割方法,一......
  • Qt/C++地图高级绘图/指定唯一标识添加删除修改/动态显示和隐藏/支持天地图高德地图百
    一、前言说明已经有了最基础的接口用来添加覆盖物,而且还有通过进入覆盖物模式动态添加覆盖物的功能,为什么还要来个高级绘图?因为又有新的需求,给钱就搞,一点底线都没有。无论哪个地图厂家,提供的接口都是没有唯一标识参数的,也就类似于学号,这就是需要自己主动定一个属性用来存储唯一标......
  • 鸿蒙NEXT应用示例:切换图片动画
     【引言】在鸿蒙NEXT应用开发中,实现图片切换动画是一项常见的需求。本文将介绍如何使用鸿蒙应用框架中的组件和动画功能,实现不同类型的图片切换动画效果。【环境准备】电脑系统:windows10开发工具:DevEcoStudioNEXTBeta1BuildVersion:5.0.3.806工程版本:API12真机:ma......