仪表自定义刻度值_Qt编写自定义控件15-百分比仪表盘

前言

百分比仪表盘，主要的应用场景是展示销售完成率、产品合格率等，也可以作为一个进度百分比展示，可以独立设置对应的标题文字，标题文字的颜色和整体的颜色都可以单独设置，建议设置成统一的风格，这样会显得更加美观，贴一张星空图作为背景就更美观，本控件也是作为大屏UI界面的一个子控件，用来展示产品的合格率。

实现的功能

* 1:可设置范围值,支持负数值

* 2:可设置精确度,最大支持小数点后3位

* 3:可设置大刻度数量/小刻度数量

* 4:可设置开始旋转角度/结束旋转角度

* 5:可设置仪表盘的标题

* 6:可设置外圆背景/内圆背景/饼圆三种颜色/刻度尺颜色/文字颜色

* 7:自适应窗体拉伸,刻度尺和文字自动缩放

* 8:可自由拓展各种渐变色,各圆的半径

效果图

头文件代码

#ifndef GAUGEPERCENT_H
#define GAUGEPERCENT_H

/**
 * 百分比仪表盘控件 作者:feiyangqingyun(QQ:517216493) 2018-8-30
 * 1:可设置范围值,支持负数值
 * 2:可设置精确度,最大支持小数点后3位
 * 3:可设置大刻度数量/小刻度数量
 * 4:可设置开始旋转角度/结束旋转角度
 * 5:可设置仪表盘的标题
 * 6:可设置外圆背景/内圆背景/饼圆三种颜色/刻度尺颜色/文字颜色
 * 7:自适应窗体拉伸,刻度尺和文字自动缩放
 * 8:可自由拓展各种渐变色,各圆的半径
 */

#include <QWidget>

#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif

class QDESIGNER_WIDGET_EXPORT GaugePercent : public QWidget
#else
class GaugePercent : public QWidget
#endif

{
    
    Q_OBJECT
    Q_PROPERTY(double minValue READ getMinValue WRITE setMinValue)
    Q_PROPERTY(double maxValue READ getMaxValue WRITE setMaxValue)
    Q_PROPERTY(double value READ getValue WRITE setValue)
    Q_PROPERTY(int precision READ getPrecision WRITE setPrecision)

    Q_PROPERTY(int scaleMajor READ getScaleMajor WRITE setScaleMajor)
    Q_PROPERTY(int scaleMinor READ getScaleMinor WRITE setScaleMinor)
    Q_PROPERTY(int startAngle READ getStartAngle WRITE setStartAngle)
    Q_PROPERTY(int endAngle READ getEndAngle WRITE setEndAngle)

    Q_PROPERTY(QColor arcColor READ getArcColor WRITE setArcColor)
    Q_PROPERTY(QColor scaleColor READ getScaleColor WRITE setScaleColor)
    Q_PROPERTY(QColor scaleNumColor READ getScaleNumColor WRITE setScaleNumColo