Qt实现炫酷启动图-动态进度条

最新推荐文章于 2024-09-29 20:54:16 发布
最新推荐文章于 2024-09-29 20:54:16 发布
阅读量2.5k 收藏 28
点赞数 2
文章标签： python
原文链接：http://www.cnblogs.com/swarmbees/p/10844338.html
版权

目录

一、简述

最近接到一个新需求，让做一个动效进度条。

由于我们的产品比较大，在软件启动的时候会消耗比较长的时间，原生的进度条已经不能满足我们的需求，这里我们就需要一个会动的进度条，效果如下图所示。

光效进度条主要是做了一个进度动画，在已完成的部分上进行快速的迭代渲染，给用户一种直观感受，我们的软件一直努力加载，它还活着。

o_progress_bar.gif

有了这个进度条之后，当我们的进度从40%到50%这个持续的过程中，界面再也不会出现假死的情况，是不是很完美呢。。。

下面我就来分析下这个动效进度条是怎么做的

二、动效进度条

如效果图所示，光效进度条不同于一般的进度条，他在基础的任务进度之上还添加了一层光效，主要是想告诉用户我们的软件一直在努力运行，请在耐心的等待一下下。

我自己在做功能的时候，往往喜欢先做一个测试demo，然后在把做好的功能集成在正式环境

最低0.47元/天 解锁文章
weixin_34378969
关注
【Qt】如何做出炫酷的启动界面（GIF+ProgressBar）
Antrn
07-14 9498
一款高大上的应用程序怎么可以少得了拥有一个炫酷的开场秀？ 先看效果图： 一般使用Qt来实现启动界面的方法很简单，只需要在main函数里面使用Qt自带的类QSplashScreen，然后传进去一个QPixmap对象即可。 官方给出的方法： int main(int argc, char *argv[]) { QApplication app(argc, argv); Q...
Qt动态进度条
02-06
利用qt自带的QProgressbar生成的动态，主要提供一个思路，效果见博客http://blog.csdn.net/qq_37275429/article/details/79267436
Learn OpenGL In Qt之炫酷进度条
最新发布
记录点滴，终成江河！
09-29 1057
经过之前内容的学习，我们已经掌握了如何通过OpenGL在Qt提供的环境下绘制一个三角形，我们知道绘制一个三角形需要VAO，VBO，在一些场景还需要EBO，然后我们需要搞定着色器，最后我们绑定VAO，调用绘制接口就能绘制出想要的三角形。下面是时候来绘制一些有趣的进度条了。
QT实现的特色进度条
10-28
利用Qt实现的特色进度条，类似于地铁站的进度灯，可调颜色
QT之动态进度条
09-30
继承qt自带的QProgressbar完成的动态进度条，主要提供一个思路，后续可以在自己完善定制，详情见https://blog.csdn.net/weixin_43435307/article/details/108879076
C#实现炫酷启动图-动态进度条效果
08-26
C#实现炫酷启动图-动态进度条效果 本文主要介绍了基于C#实现炫酷启动图-动态进度条效果，通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值。下面我们来详细分析该知识点。 一、简述 我们最近接到了一个...
qt 实现开机进度条_用 Pyqt5 制作一个炫酷水波进度条
weixin_33421065的博客
01-24 602
提出需求最近做了一个小项目，里面有一个需求需要添加一个动态进度条，进度条的样式就类似于水波来回起伏的那种形状，下面就是最初的展示效果(有一点区别，这里我加了一个进度自动增加的功能)：下面先说一下这个效果的制作原理原理介绍在介绍动态效果之前需要先看一下静态的：如果仔细观察的话，静态图效果的呈现在于先后的两个线条的绘制，产生水波的主要是由于两线条的左右的水平错位 以及 设置的透明度不同 所...
Qt/C++编写自定义控件2-进度条标尺
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
04-20 4457
前言 进度条标尺控件的应用场景一般是需要手动拉动进度，上面有标尺可以看到当前进度，类似于qslider控件，其实就是qslider+qprogressbar的杂交版本，不过我才用的是纯qpainter绘制的方式，这样非常灵活可靠，继承自qwidget，这个控件属于标尺类控件中的一个，就是在刻度尺控件基础上增加了鼠标按下拖动进度的功能。 实现的功能 1:可设置精确度(小数点后几位)和间距 2:可设...
Qt动态圆形进度条
12-27
Qt动态圆形进度条。 这个系非常非常漂亮滴。欢迎大家可以学习。
Qt自绘带动画的简单进度条Demo
10-28
Qt绘制带动画的等待进度条，支持动画时长设置，简单Demo
【Qt开发】Qt控件之进度条
weixin_30827565的博客
09-09 710
QT 进度条操作实例是本文要介绍的内容，在QT中可以用QProgressBar或着QProgressDialog来实现进度条。 QProgressBar的使用 首先在designer中拖一个按钮和进度条部件，按下面初始化 ui->progressBar->setRange(0...
Qt开发带动画动态进度条控件（水波纹，圆形）
qq_36651243的博客
03-25 4666
Qt开发带动画动态进度条控件（水波纹，圆形）
「分享篇」用C++/Qt快速实现一个炫酷波形进度条，原来这么简单
wang13342322203的博客
08-27 4865
http://hui.sohu.com/infonews/article/6337062092645859328 形进度条 简介 波形进度条---即类似水波一样效果的进度条。进度条大家都见过吧，平常生活中使用到的软件基本都有进度条，用来显示某个进程或者操作的实际进度，可以很好的展现软件人性化设计。 本次要分享的是用C++/Qt实现的一个水波进度条效果，感觉效果还可以，所以分享给大家。 实...
27.QT-QProgressBar动态实现多彩进度条(详解)
weixin_30487701的博客
09-19 442
#include "ProgressBar.h" ProgressBar:: ProgressBar(const QString& fileName,QWidget *parent ) : QWidget(parent), m_bar(this), m_value(this), m_slider(this), m_image(fil...
qt setviewport实现缩放_Qt编写自定义控件17-按钮进度条
06-09
Qt中的setViewport方法可以用于设置QAbstractScrollArea和QGraphicsView的视口大小和位置。它通常与setWidget或setScene方法一起使用以创建可滚动视图。 如果你想要使用setViewport实现缩放，你需要考虑以下几点： 1. 首先，你需要确定视口的大小和位置。 2. 然后，你需要确定如何缩放视口中的内容。你可以使用QTransform类的scale方法来缩放内容。 3. 最后，你需要将缩放后的内容设置为视口的widget或scene。 下面是一个使用setViewport实现缩放的示例代码片段： ``` QGraphicsView *view = new QGraphicsView(this); view->setViewportUpdateMode(QGraphicsView::FullViewportUpdate); view->setRenderHint(QPainter::Antialiasing); view->setDragMode(QGraphicsView::ScrollHandDrag); view->setOptimizationFlag(QGraphicsView::DontAdjustForAntialiasing); view->setInteractive(true); view->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); view->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); QGraphicsScene *scene = new QGraphicsScene(view); view->setScene(scene); QPixmap pixmap(":/images/image.png"); QGraphicsPixmapItem *item = new QGraphicsPixmapItem(pixmap); scene->addItem(item); QTransform transform; transform.scale(2, 2); item->setTransform(transform); view->setSceneRect(item->boundingRect()); ``` 在这个例子中，我们使用QGraphicsView创建了一个视口，并为其设置了一些属性。然后，我们创建了一个QGraphicsScene，并将其设置为视口的scene。接下来，我们创建了一个QGraphicsPixmapItem，并将其添加到场景中。最后，我们使用QTransform类的scale方法将QGraphicsPixmapItem缩放了两倍，并将其设置为场景的边界矩形。 请注意，这只是一个简单的示例，实际上实现缩放可能需要更多的代码。同时，缩放可能会使内容变得模糊或失真，因此你需要找到一个合适的缩放比例来平衡视觉效果和性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值