自定义组件_滚动横幅 & 弹窗 & 对话框 & 字体图标等
自定义组件_圆弧进度条
自定义组件_水波进度条
自定义组件_多彩仪表盘
自定义组件_通用仪表盘
仓库
个性
- 可设置范畴值
- 可设置大刻度数量，小刻度数量
- 可设置开始旋转角度、完结旋转角度
- 可设置是否启用动画、动画特效及每刻度动画持续时间
- 可设置外圆背景、内圆背景、提醒指针、刻度尺、刻度值、提醒文字色彩
- 可设置三色刻度占用比例
- 自适应窗体拉伸、刻度尺和文字主动缩放
#ifndef DASHBOARD_H
#define DASHBOARD_H
#include <QColor>
#include <QEasingCurve>
#include <QPropertyAnimation>
#include <QString>
#include <QWidget>
/* 通用仪表盘自定义控件 实现的性能
* 1. 可设置范畴值
* 2. 可设置大刻度数量，小刻度数量
* 3. 可设置开始旋转角度、完结旋转角度
* 4. 可设置是否启用动画、动画特效及每刻度动画持续时间
* 5. 可设置外圆背景、内圆背景、提醒指针、刻度尺、刻度值、提醒文字色彩
* 6. 可设置三色刻度占用比例
* 7. 自适应窗体拉伸、刻度尺和文字主动缩放
*/
class GenericDashBoard : public QWidget
{
Q_OBJECT
Q_PROPERTY(int minValue READ getMinValue WRITE setMinValue)
Q_PROPERTY(int maxValue READ getMaxValue WRITE setMaxValue)
Q_PROPERTY(int value READ getValue WRITE setValue)
Q_PROPERTY(int curValue READ getCurValue WRITE updateValue)
Q_PROPERTY(int animationStepTime READ getAnimationStepTime WRITE setAnimationStepTime)
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(int scalePercentage READ getScalePercentage WRITE setScalePercentage)
Q_PROPERTY(QColor scaleNumColor READ getScaleNumColor WRITE setScaleNumColor)
Q_PROPERTY(QColor outerCircleColor READ getOuterCircleColor WRITE setOuterCircleColor)
Q_PROPERTY(QColor innerCircleColor READ getInnerCircleColor WRITE setInnerCircleColor)
Q_PROPERTY(QColor scaleStartColor READ getScaleStartColor WRITE setScaleStartColor)
Q_PROPERTY(QColor scaleEndColor READ getScaleEndColor WRITE setScaleEndColor)
Q_PROPERTY(QColor pointerColor READ getPointerColor WRITE setPointerColor)
Q_PROPERTY(QColor textColor READ getTextColor WRITE setTextColor)
Q_PROPERTY(QString suffixText READ getSuffixText WRITE setSuffixText)
public:
explicit GenericDashBoard(QWidget *parent = nullptr);
~GenericDashBoard();
int getMinValue() const;
int getMaxValue() const;
int getValue() const;
int getAnimationStepTime() const;
int getScaleMajor() const;
int getScaleMinor() const;
int getStartAngle() const;
int getEndAngle() const;
QColor getScaleNumColor() const;
QColor getOuterCircleColor() const;
QColor getInnerCircleColor() const;
QColor getScaleStartColor() const;
QColor getScaleEndColor() const;
QColor getPointerColor() const;
QColor getTextColor() const;
QString getSuffixText() const;
QEasingCurve::Type getEasingCurve() const;
double getScalePercentage() const;
public slots:
void setRange(int minValue, int maxValue); // 设置范畴值
void setMinValue(int minValue); // 设置最小值
void setMaxValue(int maxValue); // 设置最大值
void setValue(int value); // 设置目标值
void setAnimationStepTime(int msec); // 设置每刻度动画持续时间
void setScaleMajor(int scaleMajor); // 设置主刻度数量
void setScaleMinor(int scaleMinor); // 设置小刻度数量
void setAngleRange(int startAngle, int endAngle); // 设施旋转角度范畴
void setStartAngle(int startAngle); // 设置开始旋转角度
void setEndAngle(int endAngle); // 设置完结旋转角度
void setScaleNumColor(const QColor &scaleNumColor); // 设置刻度值色彩
void setOuterCircleColor(const QColor &outerCircleColor); // 设置外圆色彩
void setInnerCircleColor(const QColor &innerCircleColor); // 设置内圆色彩
void setScalePercentage(double percentage); // 设置刻度百分比【对应 m_scaleStartColor m_scaleEndColor】// 设置刻度两种色彩
void setScaleStartColor(const QColor &scaleStartColor);
void setScaleEndColor(const QColor &scaleEndColor);
void setPointerColor(const QColor &pointerColor); // 设置指针色彩
void setTextColor(const QColor &textColor); // 设置提醒文本色彩
void setSuffixText(const QString &string); // 设置提醒文字
void setEasingCurve(QEasingCurve::Type type); // 设置指针动画类型
protected:
void paintEvent(QPaintEvent *event) override;
void drawBackground(QPainter *painter); // 绘制背景
void drawScale(QPainter *painter); // 绘制刻度
void drawScaleNum(QPainter *painter); // 绘制刻度值
void drawPainterIndicator(QPainter *painter); // 绘制指示器
void drawText(QPainter *painter); // 绘制提醒文本
int getCurValue() const;
void updateValue(int value); // 更新表盘值【次要在指针动画时应用】signals:
void valueChanged(int value);
void finished();
private:
int m_radius = 0; // 仪表盘半径
QColor m_outerCircleColor = QColor(172, 172, 172); // 外圆背景色【类比于手表金属外框】QColor m_innerCircleColor = QColor(40, 40, 40); // 内圆背景色【类比于手表玻璃显示区域】QColor m_scaleStartColor = QColor(84, 84, 84); // 刻度开始局部色彩
QColor m_scaleEndColor = QColor(Qt::red); // 刻度完结局部色彩【如：没油、转速等告警提醒】QColor m_scaleNumColor = QColor(255,255,255); // 刻度值色彩
QColor m_pointerColor = QColor(250, 50, 50); // 指针色彩
QColor m_textColor = QColor(255,255,255); // 提醒文本色彩
int m_curValue = 0; // 表盘指针以后值【次要在指针动画时应用】int m_value = 0; // 表盘指针最终指向的值
int m_minValue = 0; // 表盘最小值
int m_maxValue = 240; // 表盘最大值
int m_startAngle = 45; // 刻度盘起始角度
int m_endAngle = 315; // 刻度盘完结角度
int m_scaleMajor = 10; // 大刻度数量
int m_scaleMinor = 5; // 小刻度数量【如：总刻度数量 = scaleMajor * scaleMinor】double m_scalePercentage = 0.8; // 表盘刻度划分百分比【对应 m_scaleStartColor m_scaleEndColor】QString m_suffixText = "Km/h"; // 提醒文本后缀【如：Km/h 等】QPropertyAnimation m_animation; // 指针属性动画
int m_animationStepTime = 50; // 每刻度动画持续时间
QEasingCurve::Type m_easingCurveType = QEasingCurve::OutQuad; // 指针动画弛缓曲线类型
};
#endif // DASHBOARD_H