> 文档中心 > Qt设置指定控件的不透明度(QPropertyAnimation + 自定义属性实现,含源码和注释)

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^/)

注:文章为作者编程过程中所遇到的问题和总结,内容仅供参考,若有错误欢迎指出。
注:如有侵权,请联系作者删除