QT：“下载速度柱状图”的模拟实现——思路真好，会动脑筋，连我都有了启发（这个思路好像是通用的）

    不知是哪个版本的迅雷，有个“下载速度柱状图”的小界面，我比较喜欢（只不过最新版本的迅雷却没了），所以决定来山寨一个。当然，这个山寨品不能下载文件，呵呵。

思路：
1：将界面的背景涂成黑色
2：每隔0.1秒就产生一个随机数，将它们添加到一个容器中

3：重载paintEvent函数，，从界面的右边开始，依次将容器中的元素按倒序画出来（每个数据就是一个柱形）

 

截图：

 

代码：

 

#include <QtGui>
#include <QtCore>

class BarChart : public QWidget
{
    Q_OBJECT
private:
    QList<int> m_List;        //储存历史上所记录的那些点
    QSize m_Size;           //当前绘图窗口的大小
    QTimer m_Timer;         //定时器，每0.1秒发出一次信号，模拟收到数据
protected:
    void paintEvent(QPaintEvent *event);
    void resizeEvent(QResizeEvent *event);
public:
    BarChart(QWidget *parent = 0);
    ~BarChart() { }
    public slots:
        void AddDataSlot();
};

BarChart::BarChart(QWidget *parent)
: QWidget(parent)
{
    //定义定时器
    qsrand( QDateTime::currentDateTime().toMSecsSinceEpoch() );
    connect(&m_Timer, SIGNAL(timeout()), this, SLOT(AddDataSlot()));
    m_Timer.start(100);
}

void BarChart::paintEvent(QPaintEvent *event)
{
    const int WIDTH = 2;
    QPainter painter(this);
    //设置背景为黑色
    painter.setBrush(Qt::black);
    painter.drawRect(-2, -2, m_Size.width()+4, m_Size.height()+4);

    painter.setPen( QPen(Qt::green, WIDTH) );
    int tx, cx, cy1, cy2;
    tx = 0;
    cy1 = m_Size.height();

    //画出各段竖线
    QList<int>::iterator iter = m_List.end();
    while( iter != m_List.begin() )
    {
        cy2 = cy1 - (*(--iter)*m_Size.height()/1000);
        cx = m_Size.width() - tx;
        painter.drawLine(cx, cy1, cx, cy2);
        tx += WIDTH;
    }

}

void BarChart::resizeEvent(QResizeEvent *event)
{
    m_Size = event->size();
    update();
}

void BarChart::AddDataSlot()
{
    //添加一个0－999的数据
    int temp = qrand() % 1000;
    m_List.push_back(temp);
    //如果数据太长了，就丢掉前面的那一部分
    if( m_List.size() > m_Size.width() )
        m_List.pop_front();
    update();
}

#include "main.moc"

int main(int argc, char **argv)
{
    QApplication app(argc, argv);
    BarChart *bar = new BarChart;
    bar->show();
    return app.exec();
}

http://blog.csdn.net/small_qch/article/details/7585758