Qt实现网易云音乐进度条效果
Qt网易云音乐中的音乐进度条是一个小小的难关,今天在Android写记录步数进度条中突然想到了它。移动端和电脑端自定义写界面模块的方式大同小异,现在将其中的代码放出,供大家点评参阅。代码还是比较混乱,请各位大侠还是要多多包涵。
其中我把这个类打包出来,类的实现就是靠painevent来完成的。其中的两个自定义信号是为了快进快退而准备的,它们的实现不在本类中,大小位置也是在外部类中实现。其中的一些位置参数,大小参数属于本身创作需要,如有迷惑,还望海涵。
代码:
#ifndefDOWN_PROGRESSBARWIDGET_H #defineDOWN_PROGRESSBARWIDGET_H #include#include #include #include #include #include #include #include classdown_progressbarWidget:publicQWidget { Q_OBJECT public: QStrings="0:0"; QStringt="0:0"; explicitdown_progressbarWidget(QWidget*parent=0); voidchangPosition(qint64xx); private: intX=56; qint64druntime;//总进度 qint64positontime;//当前进度 QLabel*liftLabel;//左时间显示 QLabel*rightLabel;//右边时间显示 QTimer*timer3;//刷新 voidpaintEvent(QPaintEvent*event); voidmousePressEvent(QMouseEvent*event); voidmouseMoveEvent(QMouseEvent*event); signals: voidchangeX();//自定义一个信号 publicslots: voidupdatepos(); }; #endif//DOWN_PROGRESSBARWIDGET_H #include"down_progressbarwidget.h" down_progressbarWidget::down_progressbarWidget(QWidget*parent):QWidget(parent) { QPalettepal; pal.setColor(QPalette::WindowText,QColor(255,255,255)); QFontfont("Courier",10); liftLabel=newQLabel(this); rightLabel=newQLabel(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=newQTimer(this); timer3->setInterval(1000); connect(timer3,SIGNAL(timeout()),this,SLOT(updatepos())); } voiddown_progressbarWidget::paintEvent(QPaintEvent*event) { Q_UNUSED(event); QPainterpainter(this); painter.setRenderHint(QPainter::SmoothPixmapTransform); painter.setRenderHint(QPainter::Antialiasing); QColorbaseColor(0,20,20); QColorinColor(255,0,0); QColoroutColor(255,255,255); painter.save(); painter.setPen(Qt::NoPen); painter.setBrush(baseColor); QRectFrect=QRectF(55,32,580,6); painter.drawRoundedRect(rect,3,3); painter.restore(); painter.save(); painter.setPen(Qt::NoPen); painter.setBrush(inColor); QRectFplayrect=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(); } voiddown_progressbarWidget::mousePressEvent(QMouseEvent*event) { if(event->pos().y()>30&&event->pos().y()<50) { intvalue; value=event->pos().x(); if(value<55) { X=56; } elseif(value>635) { X=620; } else { X=value; } if(X<=620) { emitchangeX(); } update(); setCursor(Qt::PointingHandCursor); } else { event->ignore(); } } voiddown_progressbarWidget::mouseMoveEvent(QMouseEvent*event)//可以进行拖动 { intvalue; value=event->pos().x(); if(value<55) { X=56; } elseif(value>635) { X=620; } else { X=event->pos().x(); } emitchangeX();//自定义了一个信号 update(); setCursor(Qt::PointingHandCursor); } /* *外部使用一个定时器每隔1秒触发这个程序进行更新 */ voiddown_progressbarWidget::updatepos()//显示歌曲时间进度 { floata; a=(float)positontime/(float)druntime; X=a*580+56; qint64time=druntime; doublesecondDouble=time/1000; intminint=secondDouble/60; intsecondint=secondDouble-minint*60; doublesecondtime1=positontime/1000; intminint1=secondtime1/60; intsecondint1=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(); } voiddown_progressbarWidget::changPosition(qint64xx)//外部写入当前时间 { this->positontime=xx; }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。