Qt学习教程之对话框消失动画效果

更新时间：2018年07月18日 08:36:29 作者：1134024095

这篇文章主要给大家介绍了关于Qt学习教程之对话框消失动画效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

一、效果展示

最近做了一个提示框消失的功能，觉着挺有意思，以前一直以为Qt子窗口不能做淡出效果，其实Qt的淡出功能已经帮我们封装好了，我们仅仅只需要几行代码就可以做出酷炫的窗口关闭效果，写此篇文章的时候，我特意浏览了下之前写的两篇文章(QPainterPath 不规则提示框，QPainterPath 不规则提示框(二))，现在回想起来那会儿确实知之甚少，关于顶层窗口不能做圆角，其实帮助文档里已经说的很明确，解决办法有多种，一种是重写paintEvent函数，另一种是把widget包装一层，本篇文章就用的是后一种方式，如图1所示窗口关闭动画，实例程序中做了淡出、飞出、缩小等关闭窗口动画，除此之外还包含了阴影、背景着色、滤镜等特效。

图1 窗口特效

二、功能

如图1窗口特效所示，实例中总共包含了4个groupbox，这4个groupbox是分别用来展示不同特效，下面分别讲述4个groupbox

背景色：主要针对窗口背景色进行了定制，就像groupbox中按钮文字那样，是红色和绿色的背景提示框，其中红色提示框使用了最小化关闭效果，绿色提示框使用了淡出特效
飞出：这4个按钮弹出的对话框都使用了飞出特效，4个按钮分别展示了4种飞出的方式(左、上、右、下)
自定义：支持自定义提示框别景色、提示框展示时长、消失动画时长和消失模式
shortcut：主要是针对业务进行的功能定制，warning提示框体的图标是进行单独处理的，是一个叹号图标

三、代码实现

在讲解代码之前，先来认识几个概念

QPropertyAnimation：属性动画，可以参考qt 窗口动画
QGraphicsOpacityEffect：窗口透明度设置类，继承自QGraphicsEffect
QGraphicsDropShadowEffect：窗口阴影，继承自QGraphicsEffect
QGraphicsBlurEffect：滤镜，继承自QGraphicsEffect
QGraphicsColorizeEffect：着色，继承自QGraphicsEffect

1、移出动画，使用属性动画QPropertyAnimation类进行，propertyname的参数是窗口的属性，详情参见Q_PROPERTY属性。targetObject对象设置为this内部单独封装的widget，这样做的目的使得该提示框不需要依赖其他窗口遮挡即可做出飞出效果

void GMPOperateTip::MoveOut()
{
 m_pAnimation->setTargetObject(m_pMoveWidget);
 m_pAnimation->setPropertyName("pos");

 m_pAnimation->setStartValue(QPoint());
 switch (m_eDirection)
 {
 case D_LEFT:
  m_pAnimation->setEndValue(QPoint(-width(), 0));
  break;
 case D_TOP:
  m_pAnimation->setEndValue(QPoint(0, -height()));
  break;
 case D_RIGHT:
  m_pAnimation->setEndValue(QPoint(width(), 0));
  break;
 case D_BOTTOM:
  m_pAnimation->setEndValue(QPoint(0, height()));
  break;
 default:
  ;
 }
}

2、淡出

m_pOpacity = new QGraphicsOpacityEffect(this);
m_pOpacity->setOpacity(1);

setGraphicsEffect(m_pOpacity);

m_pAnimation->setTargetObject(m_pOpacity);
m_pAnimation->setPropertyName("opacity");

m_pAnimation->setStartValue(1);
m_pAnimation->setEndValue(0);

3、最小化

m_pAnimation->setPropertyName("geometry");

QRect startRect = rect();
startRect.moveTo(pos());
QRect stopRect = QRect(startRect.center(), QSize(0, 0));

m_pAnimation->setStartValue(startRect);
m_pAnimation->setEndValue(stopRect);

4、动画启动机制

使用定时器控制动画，当指定时间后启动动画，并且在动画完成后关闭窗口

void InitializeConnect()
{
 m_pAnimation = new QPropertyAnimation(this);
 m_pAnimation->setTargetObject(this);

 connect(m_pAnimation, &QPropertyAnimation::finished, this, &GMPOperateTip::close);

 connect(&m_StayTimer, &QTimer::timeout, this, [this]{
  m_pAnimation->setDuration(m_DurationTime);
  switch (m_eMode)
  {
  case AM_FADEOUT:
   FadeOut_p();
   break;
  case AM_FLYOUT:
   MoveOut();
   break;
  case AM_ZOOMIN:
   ZoomIn();
   break;
  default:
   ;
  }

  m_pAnimation->start();
 });
}

窗口显示时启动定时器，并且将窗口随机移动到屏幕一个位置

bool event(QEvent * e)
{
 if (e->type() == QEvent::Show)
 {
  //QPoint pos = parentWidget()->rect().center() - this->rect().center();
  int wrand = qrand() % (parentWidget()->rect().width() - this->rect().width());
  int hrand = qrand() % (parentWidget()->rect().height() - this->rect().width());
  move(QPoint(wrand, hrand));

  m_StayTimer.start(m_iStayDuration);
 }

 return __super::event(e);
}

5、阴影

void setShadowEnable(bool enable)
{
 if (!m_pShadow)
 {
  m_pShadow = new QGraphicsDropShadowEffect(this);
  m_pShadow->setColor(QColor(0, 0, 0, 85));
  m_pShadow->setBlurRadius(10);
  m_pShadow->setOffset(4, 4);
 }

 setGraphicsEffect(enable ? m_pShadow : nullptr);
}

6、着色

注释中的代码也可以进行着色，但是窗体的一些特殊样式不能完成，因此使用stylesheet来完成背景色修改

 static const QString c_szStyleSheet = "QWidget{background-color:%1;\
          border:1px solid %2;border-top:0;border-bottom-left-radius:3px;\
          border-bottom-right-radius:3px;background-image: url();}";

void GMPOperateTip::setBackgroundColor(const QColor & color)
{
 //if (!m_pColorize)
 //{
 // m_pColorize = new QGraphicsColorizeEffect(this);
 // m_pColorize->setStrength(1);
 // 
 // setGraphicsEffect(m_pColorize);
 //}
 //m_pColorize->setColor(color);

 QColor border = color;
 border.setAlpha(255 * 0.1);
 QString borderRgba = QString("rgba(%1,%2,%3,%4)").arg(border.red()).arg(border.green()).arg(border.blue()).arg(border.alpha());
 setStyleSheet(c_szStyleSheet.arg(color.name()).arg(borderRgba));
}

7、快捷调用接口，该接口都是类的静态方法可以直接调用

8、测试，由于测试代码较多，我只贴出2个

void tip::on_pushButton_success_clicked()
{
 GMPOperateTip::Success(this, QStringLiteral("测a试º?，ê?测a试º?"), 1000, 1000);
}

void tip::on_pushButton_warning_clicked()
{
 GMPOperateTip::Waring(this, QStringLiteral("测a试º?，ê?测a试º?"), 1000, 1000);
}

四、demo程序

动画提示框

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

C语言源码实现俄罗斯方块
这篇文章主要为大家详细介绍了C语言源码实现俄罗斯方块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-06-06
C语言代码详细描述顺序线性表
这篇文章主要用代码介绍了C语言线性表的顺序线性表，对于学习数据结构与算法的朋友很有参考借鉴价值,需要的朋友可以参考下
2021-09-09
C++中操作符的前置与后置有什么区别
C 语言提供了丰富的操作符，有：算术操作符，移位操作符，位操作符，赋值操作符，单目操作符，关系操作符，逻辑操作符，条件操作符等。接下了让我们详细了解掌握它
2022-05-05
C语言线索二叉树基础解读
线索二叉树还是按照链二叉树的方法创建，只不过在结点原本为空的左指针改为指向该结点在中序遍历中的前驱，结点原本为空的右指针改为指向该结点在中序遍历中的后继，也就是说把空的指针给利用了起来
2022-04-04
Visual Studio 2022 安装低版本 .Net Framework的图文教程
这篇文章主要介绍了Visual Studio 2022 如何安装低版本的 .Net Framework,首先打开 Visual Studio Installer 可以看到vs2022 只支持安装4.6及以上的版本，那么该如何安装4.6以下的版本，下面将详细介绍，需要的朋友可以参考下
2022-09-09
基于C语言实现三子棋小游戏
这篇文章主要为大家详细介绍了基于C语言实现三子棋小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
C语言如何实现三子棋
这篇文章主要介绍了C语言如何实现三子棋问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
详解C++ 中的临时对象
这篇文章主要介绍了C++ 中的临时对象的相关资料，帮助大家更好的理解和学习c++，感兴趣的朋友可以了解下
2020-08-08
C语言实现古代时辰计时与现代时间换算
这篇文章主要为大家详细介绍了如何利用C语言实现古代时辰计时与现代时间换算，文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下
2023-03-03
C语言中数据的存储详解
这篇文章主要为大家介绍了C语言中数据的存储，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助，希望能够给你带来帮助
2021-11-11