Qt實現(xiàn)網(wǎng)易云音樂進度條效果
Qt網(wǎng)易云音樂中的音樂進度條是一個小小的難關(guān),今天在Android寫記錄步數(shù)進度條中突然想到了它。移動端和電腦端自定義寫界面模塊的方式大同小異,現(xiàn)在將其中的代碼放出,供大家點評參閱。代碼還是比較混亂,請各位大俠還是要多多包涵。
其中我把這個類打包出來,類的實現(xiàn)就是靠painevent來完成的。其中的兩個自定義信號是為了快進快退而準備的,它們的實現(xiàn)不在本類中,大小位置也是在外部類中實現(xiàn)。其中的一些位置參數(shù),大小參數(shù)屬于本身創(chuàng)作需要,如有迷惑,還望海涵。

代碼:
#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,10,50,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,0);
QColor outColor(255,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,32,X-63,6);
painter.drawRoundedRect(playrect,3,3);
painter.restore();
painter.setPen(Qt::NoPen);
painter.setBrush(outColor);
painter.drawEllipse(X-7,25,20,20);
painter.restore();
painter.save();
painter.setPen(Qt::NoPen);
painter.setBrush(inColor);
painter.drawEllipse(X,32,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秒觸發(fā)這個程序進行更新
*/
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;
}
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
基于C++浮點數(shù)(float、double)類型數(shù)據(jù)比較與轉(zhuǎn)換的詳解
本篇文章是對C++中浮點數(shù)(float、double)類型數(shù)據(jù)比較與轉(zhuǎn)換進行了詳細的分析介紹,需要的朋友參考下2013-05-05
深入剖析C語言中qsort函數(shù)的實現(xiàn)原理
這篇文章主要介紹了C語言中qsort函數(shù)的實現(xiàn)原理,本文將從回調(diào)函數(shù),qsort函數(shù)的應用,qsort函數(shù)的實現(xiàn)原理三個方面進行講解,并通過代碼示例講解的非常詳細,需要的朋友可以參考下2024-03-03
OpenCV實現(xiàn)彩色照片轉(zhuǎn)換成素描卡通片
這篇文章主要為大家詳細介紹了OpenCV實現(xiàn)彩色照片轉(zhuǎn)換成素描卡通片,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01

