Qt设置指定控件的不透明度(QPropertyAnimation + 自定义属性实现,含源码和注释)
一、不透明度动画示例图
下图为指定控件不透明度的示例图,源码在本文第四节(源码含详细注释)
二、自定义属性、Q_PROPERTY(个人理解)
自定义属性(Q_PROPERTY)是本文实现动画的关键,有兴趣可以专门去了解一下。
本文只使用自定义属性的以下参数
Q_PROPERTY(type name READ getFunction WRITE setFunction )
type:类型 name:自定义属性名
READ:标识符,其后紧跟获取属性值的函数 getFunction:指定的获取属性值函数
WRITE:标识符,其后紧跟设置属性值的函数 setFunction:指定的设置属性值函数
在动画播放过程中会不断的调用获取、设置属性值函数,以此来实现不透明度动画的实现
三、遇到的问题
QPropertyAnimation: you’re trying to animate a non-existing property windsowOpacity of your QObject
该情况为使用了不存在的动画属性名。
理论上说setTargetObject函数里面的指针为动画使用控件的指针,但是在本文中自定义属性是添加在CMainWindow类中,所有该函数中的值应为this指针(就是说label中没有指定的属性名)。
四、源码
CMainWindow.h
#ifndef CMAINWINDOW_H#define CMAINWINDOW_H#include #include namespace Ui {class CMainWindow;}class CMainWindow : public QMainWindow{ Q_OBJECT //!自定义属性 对应的参数作用为 //! 类型 属性名获取值的函数 设置属函数(其中READ、WRITE为其格式) Q_PROPERTY(int opacity READ opacity WRITE setOpacity)public: explicit CMainWindow(QWidget *parent = 0); ~CMainWindow(); int opacity() const; //获取值 void setOpacity(int opacity); //设置值private slots: void on_opacityAnimationBtn_clicked(); //opacityprivate: Ui::CMainWindow *ui; QPropertyAnimation *m_animation; //动画对象指针 int m_opacity; //自定义属性所使用的变量};
CMainWindow.cpp
#include "CMainWindow.h"#include "ui_CMainWindow.h"CMainWindow::CMainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::CMainWindow){ ui->setupUi(this); //创建动画对象空间(初始化可以指定动画控件和动画需使用的动画属性名) m_animation = new QPropertyAnimation(); m_animation->setTargetObject(this); //设置使用动画的控件 //!统一的效果可以在对象创建的位置设置(如动画属性名、动画时间、动画使用对象等) //! 不同的设置在使用位置单独设置即可}CMainWindow::~CMainWindow(){ delete m_animation; delete ui;}void CMainWindow::on_opacityAnimationBtn_clicked(){ //opacity:不透明度 m_animation->setPropertyName("opacity"); //指定动画属性名为自定义的属性 m_animation->setDuration(2000); //设置动画时间(单位:毫秒) //设置动画步长值,以及在该位置时显示的透明度 m_animation->setKeyValueAt(0, 255); m_animation->setKeyValueAt(0.5, 0); m_animation->setKeyValueAt(1, 255); m_animation->setLoopCount(-1); //当值为-1时,动画一直运行,直到窗口关闭 m_animation->start(); //启动动画}int CMainWindow::opacity() const{ return m_opacity;}void CMainWindow::setOpacity(int opacity){ m_opacity = opacity; //使用传入的值通过QSS设置透明度 QString qss = "background-color:rgba(85, 170, 255, %1)"; //将拿到的opacity添加到qss字符串中 ui->label->setStyleSheet(qss.arg(opacity));}
总结
动画类配合使用自定义属性实现的不透明度动画效果,在定义时需要注意自定义属性是否能被指定的动画控件找到;其次是在对自定义属性不熟悉的小伙伴可以先去了解Q_PROPERTY的内容。
相关文档
Qt动画的简单使用(QPropertyAnimation,含源码和注释)
友情提示——哪里看不懂可私哦,让我们一起互相进步吧
(创作不易,请留下一个免费的赞叭 谢谢 ^o^/)
注:文章为作者编程过程中所遇到的问题和总结,内容仅供参考,若有错误欢迎指出。
注:如有侵权,请联系作者删除