发帖 回复
返回列表
  • 3551阅读
  • 0回复

Qt编写自定义控件57-直方波形图 [复制链接]

 上一主题 下一主题
离线liudianwu
总版主
 
只看楼主 倒序阅读 楼主  发表于: 2019-09-22
一、前言
直方波形图控件非原创控件，控件大全中大概有20-30个控件非自己原创，而是参考了网上开源的代码，自己加以整理和完善，新增了插件的代码使得可以直接集成到QtDesigner或者QtCreator中。直方波形图，主要就是将外部传入的坐标集合数据进行渐变过渡的绘制，产生一个动态的过渡效果，将设置的坐标集合重新运算+1变成新的坐标集合来绘制，这样看起来绘制不会很死，而是缓慢的过渡。

二、实现的功能
* 1:可设置最大值
* 2:可设置每次过渡的步长
* 3:可设置item之间的间隔
* 4:可设置渐变的背景颜色
* 5:可设置线条的颜色

三、效果图



四、头文件代码
复制代码
  1. #ifndef WAVELINE_H
  2. #define WAVELINE_H
  4. /**
  5. * 直方波形图控件 作者:feiyangqingyun(QQ:517216493) 2016-11-6
  6. * 1:可设置最大值
  7. * 2:可设置每次过渡的步长
  8. * 3:可设置item之间的间隔
  9. * 4:可设置渐变的背景颜色
  10. * 5:可设置线条的颜色
  11. */
  13. #include <QWidget>
  15. #ifdef quc
  16. #if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
  17. #include <QtDesigner/QDesignerExportWidget>
  18. #else
  19. #include <QtUiPlugin/QDesignerExportWidget>
  20. #endif
  22. class QDESIGNER_WIDGET_EXPORT WaveLine : public QWidget
  23. #else
  24. class WaveLine : public QWidget
  25. #endif
  27. {
  28.     Q_OBJECT
  29.     Q_PROPERTY(int maxValue READ getMaxValue WRITE setMaxValue)
  30.     Q_PROPERTY(int step READ getStep WRITE setStep)
  31.     Q_PROPERTY(int space READ getSpace WRITE setSpace)
  33.     Q_PROPERTY(QColor bgColorStart READ getBgColorStart WRITE setBgColorStart)
  34.     Q_PROPERTY(QColor bgColorEnd READ getBgColorEnd WRITE setBgColorEnd)
  35.     Q_PROPERTY(QColor lineColor READ getLineColor WRITE setLineColor)
  37. public:
  38.     explicit WaveLine(QWidget *parent = 0);
  39.     ~WaveLine();
  41. protected:
  42.     void paintEvent(QPaintEvent *);
  43.     void drawBg(QPainter *painter);
  44.     void drawLine(QPainter *painter);
  46. private:
  47.     int maxValue;                   //最大值
  48.     int step;                       //步长
  49.     int space;                      //间距
  51.     QColor bgColorStart;            //背景渐变开始颜色
  52.     QColor bgColorEnd;              //背景渐变结束颜色
  53.     QColor lineColor;               //线条颜色
  55.     QTimer *timer;                  //绘制定时器
  56.     QVector<int> currentDataVec;    //当前数据集合
  57.     QVector<int> dataVec;           //目标数据集合
  59. private slots:
  60.     void updateData();
  62. public:
  63.     int getMaxValue()               const;
  64.     int getStep()                   const;
  65.     int getSpace()                  const;
  67.     QColor getBgColorStart()        const;
  68.     QColor getBgColorEnd()          const;
  69.     QColor getLineColor()           const;
  71.     QSize sizeHint()                const;
  72.     QSize minimumSizeHint()         const;
  74. public Q_SLOTS:
  75.     //设置数据
  76.     void setData(const QVector<int> &dataVec);
  78.     //设置最大值
  79.     void setMaxValue(int maxValue);
  80.     //设置步长
  81.     void setStep(int step);
  82.     //设置间距
  83.     void setSpace(int space);
  85.     //设置背景颜色
  86.     void setBgColorStart(const QColor &bgColorStart);
  87.     void setBgColorEnd(const QColor &bgColorEnd);
  89.     //设置线条颜色
  90.     void setLineColor(const QColor &lineColor);
  91. };
  93. #endif // WAVELINE_H

五、核心代码
复制代码
  1. void WaveLine::paintEvent(QPaintEvent *)
  2. {
  3.     //绘制准备工作,启用反锯齿
  4.     QPainter painter(this);
  5.     painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
  7.     //绘制背景
  8.     drawBg(&painter);
  9.     //绘制线条
  10.     drawLine(&painter);
  11. }
  13. void WaveLine::drawBg(QPainter *painter)
  14. {
  15.     painter->save();
  16.     painter->setPen(Qt::NoPen);
  17.     QLinearGradient bgGradient(QPoint(0, 0), QPoint(0, height()));
  18.     bgGradient.setColorAt(0.0, bgColorStart);
  19.     bgGradient.setColorAt(1.0, bgColorEnd);
  20.     painter->setBrush(bgGradient);
  21.     painter->drawRect(rect());
  22.     painter->restore();
  23. }
  25. void WaveLine::drawLine(QPainter *painter)
  26. {
  27.     painter->save();
  28.     painter->setPen(QPen(lineColor, 2));
  30.     int count = dataVec.count();
  31.     double increment = (double)width() / count;
  32.     double initX = 0;
  33.     QVector<QPointF> pointVec;
  35.     for (int i = 0; i < count - 1; i++) {
  36.         double currentValue = currentDataVec.at(i);
  37.         double y1 = height() - (double)height() / maxValue * currentValue;
  38.         double nextValue = currentDataVec.at(i + 1);
  39.         double y2 = height() - (double)height() / maxValue * nextValue;
  41.         QPointF point1(initX, y1);
  42.         QPointF point2(initX + increment, y2);
  43.         initX += increment;
  45.         pointVec.append(point1);
  46.         pointVec.append(point2);
  47.     }
  49.     painter->drawLines(pointVec);
  50.     painter->restore();
  51. }
欢迎关注微信公众号：Qt实战/Qt入门和进阶(各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发) QQ：517216493  WX：feiyangqingyun  QQ群：751439350
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
发帖 回复
返回列表
快速回复
限100 字节
 
上一个 下一个