一、不透明度动画示例图
下图为指定控件不透明度的示例图,源码在本文第四节(源码含详细注释)
提示:不会使用Qt设计师设计界面的小伙伴点击这里。
二、自定义属性、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 <QMainWindow>
#include <QPropertyAnimation>
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(); //opacity
private:
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^/)
注:文章为作者编程过程中所遇到的问题和总结,内容仅供参考,若有错误欢迎指出。
注:如有侵权,请联系作者删除