Qt设置控件的不透明度动画（QPropertyAnimation + 自定义属性实现，含源码和注释）

一、不透明度动画示例图

下图为指定控件不透明度的示例图，源码在本文第四节（源码含详细注释） 提示：不会使用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 
#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();  //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^/)

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