版权声明:本文为博主原创文章,未经博主允许不得转载。 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();
}