Qt编写自定义控件71-圆弧进度条

一、前言

现在web形式的图表框架非常流行，国产代表就是echart，本人用过几次，三个字屌爆了来形容，非常强大，而且易用性也非常棒，还是开源免费的，使用起来不要太爽，内置的各种图表和仪表盘等非常丰富，展现形式也是非常多样的。
本次要写的圆弧进度条，就是参考自echart中的一个圆弧进度条，主要结构就是外围一圈圆角进度，中间加上标题和对应进度的百分比，进度条的起始角度和结束角度可以自行调整，这样的话进度条的开口就可以在左边右边上边下边等任意位置，通过调整角度就能实现。绘制的核心就是drawArc函数。

二、实现的功能

1:可设置范围值,支持负数值
2:可设置精确度,最大支持小数点后3位
3:可设置圆弧宽度
4:可设置开始旋转角度/结束旋转角度
5:可设置仪表盘的标题
6:可设置背景颜色/进度颜色/值颜色/文字颜色
7:自适应窗体拉伸,文字自动缩放
8:可自由拓展各种渐变色
9:可设置百分比模式,自动计算值换算成百分比

三、效果图

四、头文件代码

#ifndef PROGRESSARC_H
#define PROGRESSARC_H/*** 百分比仪表盘控件 作者:feiyangqingyun(QQ:517216493) 2018-8-30* 1:可设置范围值,支持负数值* 2:可设置精确度,

Qt编写自定义控件71-圆弧进度条相关推荐

Qt编写自定义控件14-环形进度条
前言环形进度条,用来展示当前进度,为了满足大屏UI的需要特意定制,以前有个叫圆环进度条,不能满足项目需要,只能重新定做,以前的进度间距不能自适应分辨率,而且当前进度对应的反的进度不能单独设置颜色,即 ...
Qt/C++编写自定义控件40-导航进度条
一.前言导航进度条控件,其实就是支付宝.京东.淘宝订单页面的进度控件,提示当前第几步,总共有几步,然后当前进度特殊颜色显示,每个进度带有时间文字等信息,本控件特意将三种样式风格都集成进去了,京东订单 ...
Android自定义控件NumberCircleProgressBar(圆形进度条)的实现
Android自定义控件NumberCircleProgressBar(圆形进度条)的实现
svg圆弧进度条demo
svg圆弧进度条,直接上代码: <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
Qt编写自定义控件4-旋转仪表盘
前言旋转仪表盘,一般用在需要触摸调节设置值的场景中,其实Qt本身就提供了QDial控件具有类似的功能,本控件最大的难点不在于绘制刻度和指针等,而在于自动计算当前用户按下处的坐标转换为当前值,这个功能 ...
Qt编写自定义控件44-天气仪表盘
一.前言天气仪表盘控件是所有控件中唯一一个使用了svg矢量图的控件,各种天气图标采用的矢量图,颜色变换采用动态载入svg的内容更改生成的,其实也可以采用图形字体来做,本次控件为了熟悉下svg在Qt中 ...
Qt编写自定义控件29-颜色选取面板
一.前言这个控件主要是模仿QColorDialog对话框中的颜色选取面板,提供一个十字形状的标识器,鼠标按下开始选取颜色,移动到哪就选择该处的颜色值,对应右侧颜色条放大显示,本控件的难点就是如何绘制 ...
Qt编写自定义控件3-速度仪表盘
前言速度仪表盘,写作之初的本意是用来展示当前测试的网速用的,三色圆环+数码管显示当前速度,Qt自带了数码管控件QLCDNumber,直接集成即可,同时还带有动画功能,其实也可以用在汽车+工业领域等, ...
Qt编写自定义控件35-GIF录屏控件
一.前言在平时的写作过程中,经常需要将一些操作动作和效果图截图成gif格式,使得涵盖的信息更全面更生动,有时候可以将整个操作过程和运行效果录制成MP4,但是文件体积比较大,而且很多网站不便于上传,基 ...

Qt编写自定义控件71-圆弧进度条

一、前言

二、实现的功能

三、效果图

四、头文件代码

Qt编写自定义控件71-圆弧进度条相关推荐

最新文章

热门文章