先看效果
在这里插入图片描述
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;
    }
}
Logo

分享最新的 NVIDIA AI Software 资源以及活动/会议信息,精选收录AI相关技术内容,欢迎大家加入社区并参与讨论。

更多推荐