Qt:关闭对话框,动画实现窗体逐渐缩小到消失

关键技术:

1、使用QPropertyAnimation对象,实现动画效果,逐渐缩小窗体尺寸,以及透明度;

2、在对话框缩小时,要将界面中的控件都隐藏起来,并且将对话框布局的Margin修改成0

代码如下:

dialog.h

cpp 复制代码
#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QLabel>
#include <QPushButton>

class Dialog : public QDialog
{
    Q_OBJECT    
public:
    Dialog(QWidget *parent = nullptr);
    ~Dialog();
    
private:
    void init();
    void hideAllWidget(QLayout *lay);
    
private slots:
    void onCloseButtonClicked();
    
private:
    QLabel          *m_lbInfo = nullptr;
    QPushButton     *m_btnClose = nullptr;
};
#endif // DIALOG_H

dialog.cpp

cpp 复制代码
#include "dialog.h"
#include <QVBoxLayout>
#include <QPropertyAnimation>
#include <QParallelAnimationGroup>

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    init();
}

Dialog::~Dialog()
{
}

void Dialog::init()
{
    this->setMaximumSize(500, 400);
    //  去掉标题栏
    this->setWindowFlags(Qt::FramelessWindowHint);
    
    m_lbInfo = new QLabel(this);
    m_btnClose = new QPushButton("关闭", this);
    
    m_lbInfo->setWordWrap(true);
    m_lbInfo->setText("秦时明月汉时关,\n万里长征人未还。\n但使龙城飞将在,\n不教胡马度阴山。");
    m_btnClose->setFixedSize(100, 32);
    
    QVBoxLayout *vLay = new QVBoxLayout(this);
    vLay->setMargin(50);
    vLay->setSpacing(60);
    vLay->addWidget(m_lbInfo, 0, Qt::AlignCenter);
    vLay->addWidget(m_btnClose, 0, Qt::AlignRight);
    
    connect(m_btnClose, &QPushButton::clicked, this, &Dialog::onCloseButtonClicked);
}

void Dialog::hideAllWidget(QLayout *lay)
{
    if (!lay)
        return;
    
    lay->setMargin(0);
    
    for (int i = 0; i < lay->count(); ++i) {
        QLayout *subLay = lay->itemAt(i)->layout();
        if (subLay) {
            hideAllWidget(subLay);
        }
        
        QWidget *wgt = lay->itemAt(i)->widget();
        if (wgt) {
            wgt->hide();
        }
    }
}

void Dialog::onCloseButtonClicked()
{
    // 隐藏所有的组件,因为这些组件若显示的话,就会占据一定的位置,对话框就不能缩小到0
    hideAllWidget(this->layout());
    
    const QRect &currRect = this->geometry();
    
    // 实现对话框逐渐缩小的动画
    QPropertyAnimation *pAnim1 = new QPropertyAnimation(this, "geometry");
    pAnim1->setStartValue(currRect);
    pAnim1->setEndValue(QRect(currRect.x(), currRect.y(), 0, 0));
    pAnim1->setEasingCurve(QEasingCurve::Linear);
    pAnim1->setDuration(600);
    
    // 实现对话框逐渐隐退的动画
    QPropertyAnimation *pAnim2 = new QPropertyAnimation(this, "windowOpacity");
    pAnim2->setStartValue(1);
    pAnim2->setEndValue(0.5);
    pAnim2->setDuration(600);
    
    QParallelAnimationGroup *animGrp = new QParallelAnimationGroup(this);
    animGrp->addAnimation(pAnim1);
    animGrp->addAnimation(pAnim2);
    animGrp->start(QAbstractAnimation::DeleteWhenStopped);
    
    connect(animGrp, &QParallelAnimationGroup::finished, this, &Dialog::close);
}

效果图如下:

相关推荐
我是菜鸟0713号2 天前
Qt 中 OPC UA 通讯实战
开发语言·qt
JCBP_2 天前
QT(4)
开发语言·汇编·c++·qt·算法
lqjun08272 天前
Qt程序单独运行报错问题
开发语言·qt
酷飞飞2 天前
Qt Designer与事件处理
开发语言·qt·命令模式
mkhase3 天前
9.12-QT-基本登陆界面实现
java·jvm·qt
咕噜咕噜啦啦3 天前
Qt之快捷键、事件处理、自定义按键——完成记事本项目
开发语言·qt
Quz3 天前
QML Charts组件之折线图的鼠标交互
qt
眠りたいです3 天前
基于脚手架微服务的视频点播系统-数据管理与网络通信部分的预备工作
c++·qt·ui·微服务·云原生·架构·媒体
bikong73 天前
Qt/C++,windows多进程demo
c++·windows·qt
油炸自行车3 天前
【Qt】Window环境下搭建Qt6、MSVC2022开发环境(无需提前安装Visual Studio)
qt·visual studio·qt6·msvc2022·qt creator 17.0