【Qt炫酷动画】demo01-仿购物APP弹出和消去的菜单动画

已于 2022-08-19 21:18:38 修改
阅读量566 收藏
点赞数 1
分类专栏： Qt应用软件300篇 文章标签： qt ui 开发语言
于 2022-08-19 21:16:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hiwoshixiaoyu/article/details/126366682
版权
Qt应用软件300篇 专栏收录该内容
45 篇文章 39 订阅 ¥59.90 ¥99.00
订阅专栏
本文展示了如何使用Qt实现一个仿购物APP的菜单弹出和消失动画，遵循慢进快出的设计理念。通过调整QEasingCurve实现不同速度效果，并提供了详细的代码目录和下载链接。
摘要由CSDN通过智能技术生成

文章目录

1.实现效果

实现效果，菜单的进入和退出。
设计理念：慢进快出。
请添加图片描述

2.开发思路

  • 感觉查看Qt文档来选择对应合适的动画曲线，曲线见
    http://doc.qt.io/qt-5/qeasingcurve.html
  • 根据UI设计理念，进入要慢（斜率越来越小），退出要快（效率越来越大）
  • 动画实现核心类QPropertyAnimation，改变属性为pos属性
 m_ani = new QPropertyAnimation(m_menu,"pos");

3. 代码目录

 ├📁menu
 |  📦menu.pro

了解本专栏 订阅专栏 解锁全文
编程小鱼酱
关注
专栏目录
订阅专栏
【Qt炫酷动画】demo04-仿Android旋转图标的等待对话框动画
小鱼酱的博客
08-19 1174
Qt仿Android旋转图标的等待对话框动画
基于Qt的类似QQ好友列表抽屉效果的实现
热门推荐
shuideyidi的专栏
06-14 1万+
简单地采用QLayout以及QWidget地实现类似QQ抽屉式界面的效果。
Qt实现菜单项动画
u012983289的博客
12-28 390
Qt实现菜单项动画
Qt自定义控件--五彩环弹出菜单 动画Menu
Qt自定义控件及应用开发
09-11 983
Qt自定义控件--五彩环弹出菜单 动画Menu Qt动画菜单栏控件 样式可定制 有需要，留言。
qt之滑动菜单动画效果
kbq的博客
03-06 2413
一、前言 一个美观的让人赏心悦目的程序开始，就是打开软件之后第一眼，只有让人达到了为之一叹，哇塞，后面再有不满意度也会大大减小，今天就分享一个菜单动画效果的方式。 二、环境 qt5.7mingw windows8 三、正文 首先看一下效果gif 功能： 1.可以通过鼠标滑动切换动画，可以通过按键点击切换动画，正常是自动2秒切换一次动画。 2.点击最顶端的图片可以进入相应的...
【Qt炫酷动画】专栏导航目录
小鱼酱的博客
08-19 1556
Qt动画详细教程
Qt之设置子菜单的弹出延时
草上爬的博客
04-02 2955
但是真*360安全卫士的托盘菜单却无此问题，而且它的子菜单弹出非常快，几乎无延迟。这就涉及到Qt的事件循环机制了，子菜单实际上是一个popup弹窗，自带事件循环，如果按钮的hover状态被取消前，事件循环就进入到子菜单中，就会出现上述问题。Qt中主菜单中的子菜单并不是立即弹出的，在windows上默认会延时256毫秒再弹出。这样一般情况下不会有问题，但是在定制菜单时可能会出现鼠标移动过快导致按钮hover状态无法自动取消的问题。这里先给出结论：将子菜单的延时设为0后，上述问题解决。
Qt入门系列--弹出菜单
狂野战车的博客专栏
12-04 3817
弹出菜单与菜单栏处理基本相似，涉及的类为QMenu和QAction，一个弹出菜单可以看作一个菜单栏的菜单项，本篇内容介绍如何在窗口创建弹出菜单，先上效果图： 左侧图片为窗口区域单击右键显示效果，与菜单栏的菜单项显示效果一样，右侧图片为单击“测试2”的响应，弹窗中的“测试2”为菜单项的显示数据。 通过UI设计器创建 通过设计器创建的方法见下图 经过上述5步操作后，主窗口中会生成“...
qt各种页面切换动画实现
04-11
集成了多种qt页面切换动画，绝对物超所值，使用5.2.1编译，背景图片请放到编译目录下，或者修改源码中宏定义自己定义
Qt 各种炫酷的特效
11-03
这是我见过最牛的控件特效了，和大家分享一下，绝对下载。里面有一个大神整理的exe文件，可以预览所有特效。
Qt实现菜单栏，工具栏，状态栏
Allure Love的博客
09-20 4391
1.菜单栏 1.设计模式 点击 在这里输入 输入完毕后直接回车即可 同样子菜单也是同样操作。 如果我们想给菜单设置ICON，可以如下操作： 在File下新建一个Open子菜单，现在想给Open子菜单添加Icon图标。选中子菜单Open，在Open子菜单对应的QAction属性中可以设置icon 点击icon后的下三角，可以发现有两个选择，一个是选择文件，另一个是选择
用Qt动画框架设计飞入-消失特效
架构设计
05-08 543
用Qt动画框架设计飞入-消失特效 Qt动画框架很强大，只要你想得到，它就有可能帮你实现。这一次我将抽取上一个演示程序的部分来进行介绍。这一部分我命名为“飞入 - 消失”特效，主要用在文字的显示方面，从这点上说很像PowerPoint上面特效的一种。 还是首先看看我的demo吧。下载地址：这里 原创博客，反对未经允许的转载。原博客地址：http://blog.csdn.net/jiangcai...
Qt，C++开发炫酷圆形扇形菜单面板
wastelandboy的博客
03-15 3248
一如既往，先上图 动画效果参考下面的是视频 【服务器更新中，请稍后】 摘要描述： 1、支持嵌入面板和弹出按钮两种，目前仅完成嵌入面板，后期会实现弹出实现 2、支持非常多的自定义功能，有关自定义功能定义参考下面的风格数据结构体代码，结构体中的功能均支持自定义 风格数据结构体代码如下： /// 圆形菜单控件风格样式数据结构 /// typedef struct LNCFROUNDMENU_STYLE_{ QList<DGRADIENTCOLOR_DATA>..
Qt之悬浮球菜单
hw5230的博客
12-24 2494
最近想做一个炫酷的悬浮式菜单，考虑到菜单展开和美观，所以考虑学习下Qt的动画系统和状态机内容，打开QtCreator的示例教程浏览了下，大致发现教程中程序和程序有所帮助，如下图所示，这两个demo讲述了怎么做一个展开动画，感兴趣的同学也可以直接参考有了这两个demo之后，就可以开始动工写咱们自己的程序。
Qt自定义圆形环状菜单
最爱大太阳丶的博客
01-08 2024
Qt自定义圆形环状菜单 先看实现的效果 可设置圆环背景色、Hover扇形的颜色、箭头颜色、动画速度，核心代码如下 1、初始化设置背景透明，默认打开旋转和缩放动画 q->setFixedSize(180, 180); diameter = 150; smallDiameter = calcInCircleRadius() * 2; q->setMouseTracking(true); q->setWindowFlags(Qt::FramelessWind
《QT实用小工具·三十八》QT炫酷的菜单控件
最新发布
cs1395293598的博客
04-23 1397
非常飘逸的 Qt 菜单控件，带有各种动画效果，用起来也十分方便。 无限层级，响应键盘、鼠标单独操作，支持单快捷键。 允许添加自定义 widget、layout，当做特殊的 QDialog 使用。
【Qt炫酷动画】demo02-仿苹果对话框淡入淡出的动画
小鱼酱的博客
08-19 749
Qt仿苹果对话框淡入淡出的动画
【Qt炫酷动画】demo03-仿web消去的消息框动画
小鱼酱的博客
08-19 565
Qt仿web消去的消息框动画
Qt C++实现仿Android启动动画效果
该示例的标题为TestA_qt动画_loading_rich6uw_androidQt_仿Android启动_，描述中明确指出这是一个使用Qt C++创建的Android启动动画，它的外观和行为都与原生Android启动动画非常相似。此资源的标签包含了'qt动画', '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程小鱼酱

用心写好每一篇博客

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值