Qt窗口关闭特效:自底而上逐渐消失
废话不多说,直接上代码:
构造函数:
MyWidget(QWidget *parent = nullptr) {// 设置窗口属性:支持透明背景setAttribute(Qt::WA_TranslucentBackground);// 移除窗口边框setWindowFlags(Qt::FramelessWindowHint);}
closeEvent函数:
void closeEvent(QCloseEvent *event) override {if (!isClosing) {event->ignore();auto effect = new QGraphicsOpacityEffect(this);effect->setOpacity(1.0); // 设置初始透明度为完全不透明this->setGraphicsEffect(effect);auto timeLine = new QTimeLine(500, this); // 动画时长1000msconnect(timeLine, &QTimeLine::valueChanged, this, [=](qreal value) {// 根据进度计算渐变参数//qDebug()<<"Value: "<<value;QLinearGradient gradient(0, this->height(), 0, 0);gradient.setColorAt(0, QColor(255,255,255, 0)); // 底部透明gradient.setColorAt(value, QColor(255,255,255, 0)); // 底部透明gradient.setColorAt(1, QColor(255,255,255, 255)); // 顶部不透明// 应用渐变遮罩并设置整体透明度effect->setOpacityMask(gradient);effect->setOpacity(1 - value);});connect(timeLine, &QTimeLine::finished, this, [this]() {isClosing = true;close(); // 动画完成后关闭窗口});timeLine->start();} else {event->accept();}}
再来个槽函数绑定一下关闭窗口退出:
private slots:void on_pushButton_1_clicked(){QApplication::quit();}private:bool isClosing = false; // 标志位,控制是否正在关闭
效果如下: