Qt编写自定义控件59-直方动态图

一、前言

直方动态图类似于音乐播放时候的柱状图展示，顶部提供一个横线条，当柱状上升的时候，该线条类似于帽子的形式冲到顶端，相当于柱状顶上去的感觉，给人一种动态的感觉，听音乐的同时更加赏心悦目，原理比较简单，就是用2个定时器，一个定时器间隔比较短，负责快速把柱状图从底部冲到设置的值，同时横线条跟随一起冲上去，一个定时器负责慢慢的跌落值到0，然后横线条缓慢下降，下降速度比柱状图的速度要慢一些，产生一种对比的效果，看起来更像是跌落的感觉。

二、实现的功能

• 1:可设置最大值/最小值/当前值
• 2:可设置顶部滑块高度
• 3:可设置每次变动的步长
• 4:可设置item之间的间隔
• 5:可设置渐变的背景颜色
• 6:可设置柱状条颜色

三、效果图

四、头文件代码

#ifndef WAVEBAR_H
#define WAVEBAR_H

/**
 * 直方动态图控件 作者:feiyangqingyun(QQ:517216493) 2016-11-6
 * 1:可设置最大值/最小值/当前值
 * 2:可设置顶部滑块高度
 * 3:可设置每次变动的步长
 * 4:可设置item之间的间隔
 * 5:可设置渐变的背景颜色
 * 6:可设置柱状条颜色
 */

#include <QWidget>

#ifdef quc
#if (QT_VERSION < QT_VERS