甘肃龙网

  1. 首页 > 生活 > >

Qt之对话框消失动画

生活百科窗口

一、效果展示
【Qt之对话框消失动画】最近做了一个提示框消失的功能，觉着挺有意思，以前一直以为Qt子窗口不能做淡出效果，其实Qt的淡出功能已经帮我们封装好了，我们仅仅只需要几行代码就可以做出酷炫的窗口关闭效果，写此篇文章的时候，我特意浏览了下之前写的两篇文章( 不规则提示框，不规则提示框(二))，现在回想起来那会儿确实知之甚少，关于顶层窗口不能做圆角，其实帮助文档里已经说的很明确，解决办法有多种，一种是重写函数，另一种是把包装一层，本篇文章就用的是后一种方式，如图1所示窗口关闭动画，实例程序中做了淡出、飞出、缩小等关闭窗口动画，除此之外还包含了阴影、背景着色、滤镜等特效 。
图1 窗口特效
二、功能
如图1窗口特效所示，实例中总共包含了4个，这4个是分别用来展示不同特效，下面分别讲述4个
三、代码实现
在讲解代码之前，先来认识几个概念
1、移出动画，使用属性动画类进行，的参数是窗口的属性，详情参见属性。对象设置为this内部单独封装的，这样做的目的使得该提示框不需要依赖其他窗口遮挡即可做出飞出效果
1 void GMPOperateTip::MoveOut()2 {3m_pAnimation->setTargetObject(m_pMoveWidget);4m_pAnimation->setPropertyName("pos");5 6m_pAnimation->setStartValue(QPoint());7switch (m_eDirection)8{9case D_LEFT:10m_pAnimation->setEndValue(QPoint(-width(), 0));11break;12case D_TOP:13m_pAnimation->setEndValue(QPoint(0, -height()));14break;15case D_RIGHT:16m_pAnimation->setEndValue(QPoint(width(), 0));17break;18case D_BOTTOM:19m_pAnimation->setEndValue(QPoint(0, height()));20break;21default:22;23}24 }

Qt之对话框消失动画

文章插图
2、淡出
1 m_pOpacity = new QGraphicsOpacityEffect(this);2 m_pOpacity->setOpacity(1);3 4 setGraphicsEffect(m_pOpacity);5 6 m_pAnimation->setTargetObject(m_pOpacity);7 m_pAnimation->setPropertyName("opacity");8 9 m_pAnimation->setStartValue(1);10 m_pAnimation->setEndValue(0);
3、最小化
1 m_pAnimation->setPropertyName("geometry");2 3 QRect startRect = rect();4 startRect.moveTo(pos());5 QRect stopRect = QRect(startRect.center(), QSize(0, 0));6 7 m_pAnimation->setStartValue(startRect);8 m_pAnimation->setEndValue(stopRect);
4、动画启动机制
使用定时器控制动画，当指定时间后启动动画，并且在动画完成后关闭窗口
1 void InitializeConnect()2 {3m_pAnimation = new QPropertyAnimation(this);4m_pAnimation->setTargetObject(this);5 6connect(m_pAnimation, &QPropertyAnimation::finished, this, &GMPOperateTip::close);7 8connect(&m_StayTimer, &QTimer::timeout, this, [this]{9m_pAnimation->setDuration(m_DurationTime);10switch (m_eMode)11{12case AM_FADEOUT:13FadeOut_p();14break;15case AM_FLYOUT:16MoveOut();17break;18case AM_ZOOMIN:19ZoomIn();20break;21default:22;23}24 25m_pAnimation->start();26});27 }
窗口显示时启动定时器，并且将窗口随机移动到屏幕一个位置
1 bool event(QEvent * e)2 {3if (e->type() == QEvent::Show)4{5//QPoint pos = parentWidget()->rect().center() - this->rect().center();6int wrand = qrand() % (parentWidget()->rect().width() - this->rect().width());7int hrand = qrand() % (parentWidget()->rect().height() - this->rect().width());8move(QPoint(wrand, hrand));9 10m_StayTimer.start(m_iStayDuration);11}12 13return __super::event(e);14 }
Qt之对话框消失动画

文章插图
5、阴影
1 void setShadowEnable(bool enable)2 {3if (!m_pShadow)4{5m_pShadow = new QGraphicsDropShadowEffect(this);6m_pShadow->setColor(QColor(0, 0, 0, 85));7m_pShadow->setBlurRadius(10);8m_pShadow->setOffset(4, 4);9}10 11setGraphicsEffect(enable ? m_pShadow : nullptr);12 }


上一篇：ChatGPT刷力扣面试题02.02返回倒数第 k 个节点

下一篇：chatgpt赋能python：Python函数调用函数