两种样式

圆形

环形

源码

头文件
这里没有使用任何ui文件

继承QDialog，设置标题栏隐藏，并设置为模态（阻塞父窗口）：目的是为了让用户不能进行任何操作

#pragma once
#include <QDialog>
class JcProcessBar :public QDialog
{Q_OBJECT
public:JcProcessBar(QWidget* pParent = nullptr);~JcProcessBar();void paintEvent(QPaintEvent *event);
private slots:void  updaterRotation();
private:double rotation = 0.0;QTimer *timer = nullptr;
};

cpp

#include "stdafx.h"
#include "JcProcessBar.h"
#include<QPainter>
#include<QTimer>
#include <QDebug>
JcProcessBar::JcProcessBar(QWidget* pParent  ): QDialog(pParent)
{this->resize(100, 100);timer = new QTimer();connect(timer, &QTimer::timeout, this, &JcProcessBar::updaterRotation);// 定时旋转坐标系timer->start(10); this->setModal(true);//设置为模态，该窗口不关闭，父窗口不能操作//隐藏标题栏//this->setWindowFlags(Qt::FramelessWindowHint);this->setWindowFlags(Qt::FramelessWindowHint | Qt::Dialog);//背景透明setAttribute(Qt::WA_TranslucentBackground, true);
}JcProcessBar::~JcProcessBar()
{if (timer){delete timer;timer = nullptr;}
}
void  JcProcessBar::updaterRotation()
{rotation++;if (rotation == 360){rotation = 0;}update();
}
void JcProcessBar::paintEvent(QPaintEvent *event)
{//根据QPaintPath画出渐变色的圆弧int width = this->width();int height = this->height();int side = qMin(width, height);QPainter painter(this);painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);painter.translate(width / 2, height / 2);painter.scale(side / 200.0, side / 200.0);QConicalGradient gra(QPoint(0, 0), 0);gra.setColorAt(0, QColor("#3BB6FE"));gra.setColorAt(1, QColor("#FFFFFF"));QBrush brush(gra);int radis = 40;int sider = 10;QRect rect(-radis, -radis, radis * 2, radis * 2);QPainterPath path;path.arcTo(rect, 0, 270);QPainterPath subPath;subPath.addEllipse(rect.adjusted(sider, sider, -sider, -sider));//这行注释掉就是圆形，加上去就是环形//path = path - subPath;painter.setBrush(brush);painter.setPen(Qt::NoPen);painter.rotate(rotation);painter.drawPath(path);
}

这里使用QPainterPath 绘图
首先绘制 270°的圆使用

 QRect rect(-radis, -radis, radis * 2, radis * 2);QPainterPath path;path.arcTo(rect, 0, 270);

也就是第一张图

如果要绘制圆环，就再定义一个 QPainterPath

 QPainterPath subPath;subPath.addEllipse(rect.adjusted(sider, sider, -sider, -sider));

相减得到圆环

path = path - subPath;

Qt :圆圈加载进度条（转圈圈）相关推荐

Android学习笔记（Android Studio）3-3（ProgressBar ProgressDialog）（加载进度条、转圈圈）UI组件之弹出组件
Android学习笔记3-3 推荐新手向学习视频:B站https://www.bilibili.com/video/av38409964点我传送 3-3 ProgressBar & Progr ...
WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调增加加载进度条支持JS中alert.confirm.prompt Safari调试设置 -> safari --> 高级,开启J ...
小米视频加载进度条效果实现
原文:小米视频加载进度条效果实现好吧,其实这些都是我闲暇时自己做着玩的,以前总是拿来主义,现在分享一下让我也为大家做一点贡献好了.废话不说了,看效果. 好吧其实没什么技术含量直接上代码好了和我 ...
浅谈前端实现页面加载进度条以及 nprogress.js 的实现
以前在 Vue 的项目用了 nprogress 这个插件,一直对于其如何得知加载进度充满好奇,最近又看到了「前端如何实现页面加载进度条」这个问题,今天周六恰好一探究竟.以下仅为一家之言,如有异议,欢迎 ...
Vue项目实战06：nprogress页面加载进度条
博客: https://lvsige.top/ nprogress页面加载进度条前言很多时候在访问网页的时候我们总是看到页面在加载中,可以却不知道要加载多久,无期限的等待总是让人烦躁不安,所以我们 ...
iview地区加载_LoadingBar 加载进度条
LoadingBar 加载进度条概述全局创建一个显示页面加载.异步请求.文件上传等的加载进度条. 说明 LoadingBar 只会在全局创建一个,因此在任何位置调用的方法都会控制这同一个组件.主要 ...
【原生JS插件】LoadingBar页面顶部加载进度条
先展示一下已经实现的效果: 预览地址:http://dtdxrk.github.io/js-plug/LoadingBar/index.html 看到手机上的浏览器内置了页面的加载进度条,想用在pc上 ...
mvvm 耗时加载进度条_ZK的实际应用：MVVM –加载和渲染数据
mvvm 耗时加载进度条先前的文章简要介绍了RIA框架ZK,以及其CSS Selector启发的控制器机制如何通过使在控制器类中引用UI组件的任务变得相对灵活来减轻UI更改所带来的一些负担. 然后, ...

Qt :圆圈加载进度条（转圈圈）

两种样式

源码

Qt :圆圈加载进度条（转圈圈）相关推荐

最新文章

热门文章