QT设置窗口折叠效果QPropertyAnimation

先看效果
在这里插入图片描述
UI界面
在这里插入图片描述
.h文件

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

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

private slots:
    void slotShowWidget();

private:
    Ui::Widget *ui;
    bool _showFlg; //是否显示了下半部分窗口

};

#endif // WIDGET_H

.cpp

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

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget),
    _showFlg(false)
{
    ui->setupUi(this);
    this->setFixedHeight(100); //设置下半部分窗口隐藏

    connect(ui->btnScale, &QPushButton::clicked, this, &Widget::slotShowWidget);
}

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

void Widget::slotShowWidget()
{
    QPropertyAnimation* animation = new QPropertyAnimation(this, ""); //qt动画类
    animation->setDuration(500); //动画持续时间500ms
    if(!_showFlg){
        ui->btnScale->setIcon(QIcon(tr(":/Image/ArrowUp.png")));
        animation->setStartValue(100);//动画开始值和结束值
        animation->setEndValue(500);
        connect(animation, &QPropertyAnimation::valueChanged, [this](const QVariant& value){
            this->setFixedHeight(value.toInt());
            qDebug()<<value.toInt();
        });
        animation->start(QAbstractAnimation::DeleteWhenStopped);
        _showFlg = true;
    }
    else {
        ui->btnScale->setIcon(QIcon(":/Image/ArrowDown.png"));
        animation->setStartValue(500);
        animation->setEndValue(100);
        connect(animation, &QPropertyAnimation::valueChanged, [this](const QVariant& value){
            this->setFixedHeight(value.toInt());
        });
        animation->start(QAbstractAnimation::DeleteWhenStopped);
        _showFlg = false;
    }
}
  • 3
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值