Qt網易雲音樂中的音樂進度條是一個小小的難關，今天在Android寫記錄步數進度條中突然想到了它。移動端和電腦端自定義寫介面模組的方式大同小異，現在將其中的程式碼放出，供大家點評參閱。程式碼還是比較混亂，請各位大俠還是要多多包涵。

其中我把這個類打包出來，類的實現就是靠painevent來完成的。其中的兩個自定義訊號是為了快進快退而準備的，它們的實現不在本類中，大小位置也是在外部類中實現。其中的一些位置引數，大小引數屬於本身創作需要，如有迷惑，還望海涵。

程式碼：

#ifndef DOWN_PROGRESSBARWIDGET_H
#define DOWN_PROGRESSBARWIDGET_H
 
#include <QWidget>
#include <QLabel>
#include <QPushButton>
#include <QPaintEvent>
#include <QPainter>
#include <QMouseEvent>
#include <QPalette>
#include <QTimer>
 
class down_progressbarWidget : public QWidget
{
  Q_OBJECT
public:
  QString s="0:0";
  QString t="0:0";
  explicit down_progressbarWidget(QWidget *parent = 0);
  void changPosition(qint64 xx);
private:
  int X=56;
  qint64 druntime;//總進度
  qint64 positontime;//當前進度
  QLabel *liftLabel;//左時間顯示
  QLabel *rightLabel;//右邊時間顯示
  QTimer *timer3;//重新整理
  void paintEvent(QPaintEvent* event);
  void mousePressEvent(QMouseEvent *event);
  void mouseMoveEvent(QMouseEvent *event);
signals:
  void changeX();//自定義一個訊號
public slots:
  void updatepos();
};
 
#endif // DOWN_PROGRESSBARWIDGET_H

#include "down_progressbarwidget.h"
 
down_progressbarWidget::down_progressbarWidget(QWidget *parent) : QWidget(parent)
{
  QPalette pal;
  pal.setColor(QPalette::WindowText,QColor(255,255,255));
  QFont font("Courier",10);
  liftLabel=new QLabel(this);
  rightLabel=new QLabel(this);
  liftLabel->setAlignment(Qt::AlignCenter);
  rightLabel->setAlignment(Qt::AlignCenter);
  liftLabel->setGeometry(0,10,50,50);
  rightLabel->setGeometry(640,50);
  rightLabel->setFont(font);
  liftLabel->setFont(font);
  liftLabel->setPalette(pal);
  rightLabel->setPalette(pal);
  timer3=new QTimer(this);
  timer3->setInterval(1000);
  connect(timer3,SIGNAL(timeout()),this,SLOT(updatepos()));
}
void down_progressbarWidget::paintEvent(QPaintEvent *event)
{
  Q_UNUSED(event);
  QPainter painter(this);
  painter.setRenderHint(QPainter::SmoothPixmapTransform);
  painter.setRenderHint(QPainter::Antialiasing);
  QColor baseColor(0,20,20);
  QColor inColor(255,0);
  QColor outColor(255,255);
  painter.save();
  painter.setPen(Qt::NoPen);
  painter.setBrush(baseColor);
  QRectF rect=QRectF(55,32,580,6);
  painter.drawRoundedRect(rect,3,3);
  painter.restore();
  painter.save();
  painter.setPen(Qt::NoPen);
  painter.setBrush(inColor);
  QRectF playrect=QRectF(55,X-63,6);
  painter.drawRoundedRect(playrect,3);
  painter.restore();
  painter.setPen(Qt::NoPen);
  painter.setBrush(outColor);
  painter.drawEllipse(X-7,25,20);
  painter.restore();
  painter.save();
  painter.setPen(Qt::NoPen);
  painter.setBrush(inColor);
  painter.drawEllipse(X,6,6);
  painter.restore();
}
void down_progressbarWidget::mousePressEvent(QMouseEvent *event)
{
  if(event->pos().y()>30&&event->pos().y()<50)
  {
      int value;
      value=event->pos().x();
      if(value<55)
      {
        X=56;
      }
      else if(value>635)
      {
        X=620;
      }
      else
      {
        X=value;
      }
      if(X<=620)
      {
        emit changeX();
      }
      update();
      setCursor(Qt::PointingHandCursor);
  }
  else
  {
    event->ignore();
  }
}
void down_progressbarWidget::mouseMoveEvent(QMouseEvent *event)//可以進行拖動
{
    int value;
    value=event->pos().x();
    if(value<55)
    {
      X=56;
    }
    else if(value>635)
    {
      X=620;
    }
    else
    {
      X=event->pos().x();
    }
  
    emit changeX();//自定義了一個訊號
    update();
    setCursor(Qt::PointingHandCursor);
}
/*
 * 外部使用一個定時器每隔1秒觸發這個程式進行更新
*/
void down_progressbarWidget::updatepos()//顯示歌曲時間進度
{
  float a;
  a=(float)positontime/(float)druntime;
  X=a*580+56;
  qint64 time=druntime;
  double secondDouble=time/1000;
  int minint=secondDouble/60;
  int secondint=secondDouble-minint*60;
  double secondtime1=positontime/1000;
  int minint1=secondtime1/60;
  int secondint1=secondtime1-minint1*60;
  t=QString("%0:%1").arg(QString::number(minint1),QString::number(secondint1));
  s=QString("%0:%1").arg(QString::number(minint),QString::number(secondint));
  rightLabel->setText(s);
  liftLabel->setText(t);
  update();
}
void down_progressbarWidget::changPosition(qint64 xx)//外部寫入當前時間
{
  this->positontime=xx;
}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。