当前位置: 首页 > news >正文

《QT实用小工具·六十五》基于QPropertyAnimation实现的移动动画和控件覆盖

1、概述
源码放在文章末尾

该项目基于QPropertyAnimation实现了控件平移动画和控件之间的相互覆盖效果,项目demo演示如下所示:
在这里插入图片描述

项目解析:

new QPropertyAnimation(ui.SingleOcclusion, “pos”); //创建动画对象,第一个参数传入需要移动的控件对象,第二个参数"pos"表示该控件实现直线移动。
信号槽表示动画移动结束会发送finished信号。

pPosAnimation1 = new QPropertyAnimation(ui.SingleOcclusion, "pos");
pBothPosAnimation1 = new QPropertyAnimation(ui.BothOcclusion, "pos");
connect(pPosAnimation1, &QPropertyAnimation::finished, this, &SlidingAnimation::OcclusionAnimation);
connect(pBothPosAnimation1, &QPropertyAnimation::finished, this, &SlidingAnimation::BothOcclusionAnimation);

控件左移动实现,右移动和双边移动同理

void SlidingAnimation::on_left_clicked()
{ui.BothOcclusion->hide();QTime time;time.start();while (time.elapsed() < 100){QCoreApplication::processEvents();_sleep(100);}//每次移动前先取消控件的透明度设置pButtonOpacity->setOpacity(1);ui.SingleOcclusion->setGraphicsEffect(pButtonOpacity);//这里的处理是因为布局中的控件在动画移动后如果界面发生改变会重新布局,这样移动//后的控件会回到原来的位置,这里是让控件移动结束后一直停留在移动后的位置QLayoutItem* item = ui.horizontalLayout_2->itemAt(3);if ((int)item->spacerItem() == (int)spacerLeft){ui.horizontalLayout_2->removeItem(spacerLeft);ui.horizontalLayout_2->insertWidget(3, ui.SingleOcclusion);}QRect line = ui.line_4->geometry();QRect label = ui.leftLabel->geometry();QRect widget = ui.SingleOcclusion->geometry();int difference = (widget.width() - label.width()) / 2;//设置动画移动时间pPosAnimation1->setDuration(1000);//设置动画开始移动的位置pPosAnimation1->setStartValue(QPoint(line.x() + line.width(), widget.y()));//设置动画移动结束的位置pPosAnimation1->setEndValue(QPoint(label.x() - difference, widget.y()));pPosAnimation1->setEasingCurve(QEasingCurve::InOutQuad);// 开始动画前移除widget,并添加占位符ui.horizontalLayout_2->removeWidget(ui.SingleOcclusion);ui.horizontalLayout_2->insertItem(3, spacerLeft);pPosAnimation1->start();
}

该函数为动画结束后信号触发的槽函数,主要实现的功能是当控件移动结束后覆盖到另一个控件的上方并设置该控件的透明度

void SlidingAnimation::OcclusionAnimation()
{QRect widget = ui.SingleOcclusion->geometry();ui.SingleOcclusion->move(widget.x(), widget.y());pButtonOpacity->setOpacity(1);ui.SingleOcclusion->setGraphicsEffect(pButtonOpacity);QPropertyAnimation* pOpacityAnimation1 = new QPropertyAnimation(pButtonOpacity, "opacity");pOpacityAnimation1->setDuration(600);pOpacityAnimation1->setStartValue(1);pOpacityAnimation1->setEndValue(0.3);pOpacityAnimation1->start();
}

源码下载

相关文章:

  • 内网安全之搭建ADCS证书服务
  • C++ 时间处理-从字符串中解析日期时间
  • 中银基金软件开发工程师春招群面记录
  • 网络安全之BGP详解
  • 通过管理系统完成商品属性维护
  • vue3 + antd-vue@4 a-table单元格合并,rowSpan(行合并),colSpan(列合并)详解, 表头合并详解, 表头自定义详解
  • docker 配置文件使用经验,后续持续增加
  • 设计模式7——建造者模式
  • 保护共享资源的方法(互斥锁)
  • Spring框架中获取方法参数名称:DefaultParameterNameDiscoverer
  • 开发人员容易被骗的原因有很多,涉及技术、安全意识、社会工程学以及工作环境等方面。以下是一些常见原因:
  • 揭秘指针魔法,让你的编程之旅如虎添翼!‍♂️✨
  • 赶紧收藏!2024 年最常见 20道 Redis面试题(三)
  • 前端 CSS 经典:好看的标题动画
  • 深度学习之基于YOLOV5的口罩检测系统
  • [Vue CLI 3] 配置解析之 css.extract
  • [笔记] php常见简单功能及函数
  • 78. Subsets
  • canvas绘制圆角头像
  • CEF与代理
  • IDEA 插件开发入门教程
  • iOS 颜色设置看我就够了
  • Java,console输出实时的转向GUI textbox
  • JavaScript设计模式系列一:工厂模式
  • java小心机(3)| 浅析finalize()
  • JS题目及答案整理
  • leetcode378. Kth Smallest Element in a Sorted Matrix
  • Mithril.js 入门介绍
  • Node 版本管理
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • 工程优化暨babel升级小记
  • 警报:线上事故之CountDownLatch的威力
  • 理解在java “”i=i++;”所发生的事情
  • 微信小程序上拉加载:onReachBottom详解+设置触发距离
  • 详解NodeJs流之一
  • 完善智慧办公建设,小熊U租获京东数千万元A+轮融资 ...
  • #git 撤消对文件的更改
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • (Redis使用系列) Springboot 在redis中使用BloomFilter布隆过滤器机制 六
  • (简单) HDU 2612 Find a way,BFS。
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (原創) 物件導向與老子思想 (OO)
  • (转)scrum常见工具列表
  • .net core webapi 大文件上传到wwwroot文件夹
  • .NET 使用配置文件
  • .NET框架类在ASP.NET中的使用(2) ——QA
  • .net知识和学习方法系列(二十一)CLR-枚举
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • [android] 切换界面的通用处理
  • [ARM]ldr 和 adr 伪指令的区别
  • [C++]拼图游戏
  • [C++]指针与结构体
  • [CLR via C#]11. 事件