脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C 语言 → Qt对话框消失动画效果

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语言中输入输出流与缓冲区的深入讲解

    一般情况下，由键盘输入的字符并没有直接送入程序，而是被存储在一个缓冲区当中。下面这篇文章主要给大家介绍了关于C语言中输入输出流与缓冲区的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下
    2018-09-09
  • 字符串中找出连续最长的数字字符串的实例代码

    字符串中找出连续最长的数字字符串的实例代码

    这篇文章介绍了字符串中找出连续最长的数字字符串的实例代码，有需要的朋友可以参考一下
    2013-09-09
  • C++之const限定符详解

    C++之const限定符详解

    这篇文章主要为大家介绍了C++之const限定符，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2021-12-12
  • c++ 解析yaml文件的步骤

    c++ 解析yaml文件的步骤

    这篇文章主要介绍了c++ 解析yaml文件的步骤，帮助大家更好的理解和使用c++，感兴趣的朋友可以了解下
    2020-12-12
  • C语言版二值图像统计连通区域

    C语言版二值图像统计连通区域

    这篇文章主要为大家详细介绍了C语言版二值图像统计连通区域的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-01-01
  • C语言实现外卖管理系统

    C语言实现外卖管理系统

    这篇文章主要为大家详细介绍了C语言实现外卖管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 浅析c++ 中const关键字

    浅析c++ 中const关键字

    const是一个C++语言的限定符，它限定一个变量不允许被改变。使用const在一定程度上可以提高程序的安全性和可靠性。下面通过本文给大家分享c++ const关键字的相关知识，一起看看吧
    2017-06-06
  • C++访问注册表获取已安装软件信息列表示例代码

    C++访问注册表获取已安装软件信息列表示例代码

    这篇文章主要介绍了c++通过读取注册表获得本机已安装软件信息的方法，大家参考使用吧
    2013-11-11
  • Visual Studio 2022使用MinGW来编译调试C/C++程序的图文教程

    Visual Studio 2022使用MinGW来编译调试C/C++程序的图文教程

    这篇文章主要介绍了Visual Studio 2022使用MinGW来编译调试C/C++程序,以实例来简单介绍一下VS2022中如何使用MinGW来编译、调试C/C++程序，需要的朋友可以参考下
    2022-08-08
  • QT 实现随机验证码功能

    QT 实现随机验证码功能

    本文介绍了如何使用QT技术实现一个具有动态效果的随机验证码系统,详述了CaptchaMovableLabel和CaptchaLabel两个自定义类的功能,包括显示和拖动字母、绘制噪音点和线条、以及随机生成字母等,讲解了如何通过继承QWidget和QLabel来实现这些功能,并通过MainWindow创建界面
    2024-10-10

最新评论