Qt工作笔记-使用QpropertyAnimation实现控件上下滑动的效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq78442761/article/details/84985092

目录

基本要求

源码

---

基本要求

这里其实还有一种方法，使用QTimeLine同样可以实现QpropertyAnimation的效果！这个没给出滑动的效果，但给出一个渐变的效果，连接如下所示：

https://mp.csdn.net/postedit/82901505

滑动效果原理很简单，在此不再说明！！！！

程序运行截图如下：

ui如下：

源码

如下：

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
class QPropertyAnimation;
QT_END_NAMESPACE

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

protected slots:
    void pushButtonClicked();

private:
    Ui::Widget *ui;
    QPropertyAnimation *m_propertyAnimation;
    bool m_isShow;
};

#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include <QPropertyAnimation>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->setWindowTitle("CSDN IT1995");

    m_isShow = false;
    ui->listWidget->setMaximumHeight(0);
    m_propertyAnimation = new QPropertyAnimation(ui->listWidget, "maximumHeight");
    connect(ui->pushButton, SIGNAL(clicked(bool)), this, SLOT(pushButtonClicked()));
}

Widget::~Widget()
{
    delete ui;
}

void Widget::pushButtonClicked()
{
    if(!m_isShow){

        m_propertyAnimation->setDuration(200);
        m_propertyAnimation->setStartValue(0);
        m_propertyAnimation->setEndValue(100);
        m_propertyAnimation->start();
    }
    else{

        m_propertyAnimation->setDuration(200);
        m_propertyAnimation->setStartValue(100);
        m_propertyAnimation->setEndValue(0);
        m_propertyAnimation->start();
    }

    m_isShow = !m_isShow;
}

main.cpp

#include "widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();

    return a.exec();
}