进度控件：水波进度条 - ProgressWater QT

最新推荐文章于 2025-03-15 18:23:31 发布
最新推荐文章于 2025-03-15 18:23:31 发布
阅读量202 收藏
点赞数
文章标签： qt java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/FuJavascript/article/details/133025196
版权
QT 专栏收录该内容
93 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何利用QT框架来设计一个水波进度条控件，包括创建QT项目、设计用户界面、创建自定义控件类以及如何在主窗口中使用该控件。通过设置样式表和编写C++代码，实现了一个具有视觉吸引力的进度展示效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

水波进度条是一种常见的用户界面控件，用于展示任务或操作的进度。在本文中，我们将使用QT框架来创建一个水波进度条控件。以下是实现该控件的详细步骤和相应的源代码示例。

步骤1：创建QT项目
首先，我们需要创建一个QT项目来构建水波进度条控件。在QT Creator中，选择"新建项目"，然后选择"QT Widgets应用程序"。为项目选择一个名称，并设置项目的路径。点击"下一步"并按照向导的指示完成项目的创建。

步骤2：设计用户界面
在QT Creator的设计模式下，打开主窗口的.ui文件。在窗口中添加一个QProgressBar控件，并设置其样式为水波进度条。可以使用QT的样式表语法来定义水波进度条的外观，例如设置背景颜色、前景颜色、边框等。以下是一个示例样式表：

QProgressBar {
   
    border: 2px solid grey;
    border-radius:
了解本专栏 订阅专栏 解锁全文
用Qt实现水波进度条控件
2301_79366106的博客
08-17 260
本文介绍了如何使用Qt实现水波进度条控件，并提供了对应的源代码。通过学习本文，您可以进一步了解Qt的绘图和定时器等基础知识，以及如何设计自定义控件和属性设置功能。希望本文能对大家有所帮助，欢迎分享和指正。首先，我们需要在QWidget的paintEvent事件中绘制出基础的圆形、水波纹和进度条文本。为了方便使用和定制，我们还需在控件中添加属性设置功能，如进度条的颜色、宽度、值范围和步长等。为了实现动态的水波效果，我们需要在QTimer定时器中更新进度条的值和水波纹的位置和振幅。最后，我们提供完整的源代码。
02进度控件-01水波进度条-progresswater
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
09-18 963
一、运行效果 二、功能特点 可设置范围值，支持负数值。 可设置水波密度，密度越大浪越多。 可设置水波高度，高度越大越浪。 可设置边框宽度和边框边距。 可设置是否显示进度值。 可设置进度值是否为百分比格式。 可设置背景颜色、边框颜色、当前进度颜色、文字颜色。 可设置两条波浪是否反着走，类似迅雷进度球风格。 提供槽函数启动和停止浪。 提供四种样式风格选择矩形风格、圆形风格、椭圆风格、圆柱风格。 三、公共接口 public Q_SLOTS: //设置范围值 void setRange(int
QT水波进度条DEMO
12-17
QT水波进度条，可设置水波密度、高度、边框大小、各种颜色。 代码详解见：https://blog.youkuaiyun.com/pingis58/article/details/85051267
水波纹进度条——QT利用QPainter绘制
u012959478的博客
07-19 1554
水波纹进度条是一种很有趣的进度显示效果，水波纹进度条具有独特的动态效果，能够吸引用户的注意力，让界面更加生动有趣。水波纹进度条通过波纹的扩散和逐渐填充的方式来表示进度，让用户一目了然地知道任务的进度状态。
Qt 实现波浪填充的圆形进度显示
最新发布
@杭大大
03-15 363
m_waveColor代表波浪颜色，示例代码改变m_waveColor亮度绘制背景，可自由修改。水波效果由波长和振幅控制 “大振幅+长波长=平缓波浪”， “小振幅+短波长=密集波纹”。具体实现效果可自由调整，话不多说，先上效果图。
Qt水波进度条
wisdomroc的博客
03-23 417
【代码】Qt水波进度条。
【Qt 学习之路】Qt水波进度条示例
沙师弟专栏
10-17 3361
赶紧实操起来~
Qt进度控件 - 水波进度条
2301_79325339的博客
08-17 323
QGraphicsView可以看成是一个可视化的窗口，而QGraphicsScene则是一个场景，要在QGraphicsView上进行绘制，必须要先在QGraphicsScene中添加对应的item。在初始化函数中，我们设置了背景圆形的半径和位置、当前进度、绘制水波的元素等信息，并对QGraphicsView控件进行了一些初始化操作，如去掉滚动条、设置Scene和View、添加背景圆形、添加水波等。如图所示，这是一个圆形的水波进度条，它显示了一个用百分比表示的任务进度。随着进度的增加，水波不断向外扩散。
QT 实现自定义水波进度条
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
10-21 573
原理：随着进度的改变，在我们的绘制图像void paintEvent(QPaintEvent *) override;事件中绘制图形。使用QPainter来绘制正弦波，通过定时器，不断的更新我们绘制的图形，动态改变正弦波的参数来创建动画效果。Q_OBJECTpublic:protected:private://画背景//画水波//画文字private://最小值//最大值//当前值//边框宽度//水波高度//水波偏移量//背景颜色//边框颜色。
Qt水波进度条Demo
pingis58的博客
12-17 980
转自：https://blog.youkuaiyun.com/u014597198/article/details/78261275 多谢飞扬青春的博客，看到水波形进度条的效果觉得非常不错，于是自己也模仿着做了一个类似的，效果图： 代码：https://download.youkuaiyun.com/download/pingis58/10856222 原理： 利用正弦曲线产生平滑曲线点集合，然后用大路径减去当前...
水波进度条 WaveProgressView
ahuotai8429的博客
08-17 251
WaveProgressView的简介 1. 控件自定义属性及格式 　　　　* 圆形背景图片 name="backgroundDrawable" format="reference"　　　　* 圆形背景颜色 name="backgroundColor" format="color|reference"　　　　* 外圆环宽度 name="circleRingWidth" form...
Demo_水波球进度条
10-18
非常完美的类似360水波球进度条，经过我改良的版本，可直接运用于项目中，代码有详细注释，帮助大家学习和改良，里面还有类似液体颜色渐变效果，不大常用，但是还是保留该功能。
水波纹进度条
10-07
这里实现了水波纹进度效果，且提供了外部使用接口，很好的适配于任何布局方式，具体实现方案及效果，我的博客有说明：http://blog.youkuaiyun.com/aiyh0202/article/details/52748525 外送一个Watch实现类，可直接使用，帮助初级开发者更好接收和了解View的绘制
水波滚动，圆环进度条
12-03
参考博文，请查看http://blog.youkuaiyun.com/harryweasley/article/details/50164995 水波滚动，圆环进度条
Qt5利用自绘QPainter实现水波纹进度条QProgressBarWater.rar
04-13
2.保证无毒 3.简单,方便,实用 4.实例可以自行改用 5.如有非法,本人无法律责任,由改动代码人负责！ 6.更多本人作品,查找标签“朱建强” 7.请下载,杀毒后再使用！
波浪进度条
01-13
带波浪效果进度条，非常好看，又很适用的，欢迎下载，好评
前端实现 海浪(波浪)进度条效果(支持自定义长度；调节速度,2s缓冲结束)
weixin_46022934的博客
06-27 1228
实现海浪进度条 效果图如下(投入使用的版本) 背景和过程 一、调试和探索过程(下面都会给出来对应代码) 二、类似Element-plus的进度条样式 1. CSS的样式如下 2. HTML结构如下 二、电涌效果的进度条如下 1. CSS的样式如下 2. HTML的结构如下: 3. JavaScript代码如下 三、波浪效果的进度条 1. CSS的结构如下: 2. HTML的结构如下: 四、海浪效果的进度条(等我空闲就上传代码!!!!) 总结
canvas圆形进度球html5水波动画特效
WHY_222的博客
09-14 1163
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>canvas圆形进度球html5水波动画特效</title> <style type="text/css"> #c { ...
qt水波进度控件设计
weixin_42887343的博客
11-01 540
效果： 代码： h文件 #ifndef WAVEPROGRESSBAR_H #define WAVEPROGRESSBAR_H #include <QWidget> #include <QPainter> #include <QtMath> class WaveProgressBar : public QWidget { Q_OBJECT public: explicit WaveProgressBar(QWidget *parent = 0);
Qt自定义控件10：波浪进度条2
parkchorong的博客
10-13 799
Qt自定义控件10：波浪进度条2 先看效果图： 思路：大体遇上一个相同，不过需要实现圆形，所以需要有个大路径减去画出的波浪封闭的路径会得到当前的效果 关键代码： void WaterProgressBar1::paintEvent(QPaintEvent *event){ int width = this->width(); int height = this->he...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值