最近做一个小东西,用的类似于音乐播放器上的播放模式切换功能,切换后,会出现一个提示标签,停留一两秒然后消失。
下面贴代码:
头文件:
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QLabel>
#include <QPushButton>
#include <QTimer>
namespace Ui {
class Widget;
}
class Widget : public QWidget
{
Q_OBJECT
public:
explicit Widget(QWidget *parent = 0);
~Widget();
public slots:
void on_clicked(bool);
void on_change();
private:
Ui::Widget *ui;
QLabel *m_lab_showTip;
QPushButton *m_btn_change;
QTimer *m_timer;
};
#endif // WIDGET_H
实现文件:
#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
this->setStyleSheet("background-color:#86DFC6");
m_btn_change = new QPushButton(this);
m_btn_change->setToolTip(tr("顺序播放"));
m_btn_change->setStyleSheet("QPushButton{"
"border-image:url(:/images/circulation.png);"
"}");
m_btn_change->setMinimumSize(QSize(42,42));
m_btn_change->setGeometry(148,40,42,42);
m_lab_showTip = new QLabel(tr("列表循环"),this);
m_lab_showTip->hide();
m_lab_showTip->setGeometry(148,20,55,20);
m_lab_showTip->setAlignment(Qt::AlignCenter);
m_lab_showTip->setStyleSheet("QLabel{"
"color:white;"
"font-size:14;"
"background-color:#2B2B2B;"
"border-radius:5px;"
"}");
m_timer = new QTimer(this);
connect(m_btn_change,SIGNAL(clicked(bool)),this,SLOT(on_clicked(bool)));
connect(m_timer,SIGNAL(timeout()),this,SLOT(on_change()));
}
Widget::~Widget()
{
delete ui;
}
void Widget::on_btn_clicked(bool)
{
if(m_btn_change->toolTip() == "顺序播放")
{
m_btn_change->setToolTip(tr("列表循环"));
m_btn_change->setStyleSheet("QPushButton{"
"border-image:url(:/images/list.png);"
"}");
m_lab_showTip->setText(tr("列表循环"));
m_lab_showTip->show();
m_timer->start(1500);
}else if(m_btn_change->toolTip() == "列表循环")
{
m_btn_change->setToolTip(tr("单曲循环"));
m_btn_change->setStyleSheet("QPushButton{"
"border-image:url(:/images/single.png);"
"}");
m_lab_showTip->setText(tr("单曲循环"));
m_lab_showTip->show();
m_timer->start(1500);
}else if(m_btn_change->toolTip() == "单曲循环")
{
m_btn_change->setToolTip(tr("随机播放"));
m_btn_change->setStyleSheet("QPushButton{"
"border-image:url(:/images/random.png);"
"}");
m_lab_showTip->setText(tr("随机播放"));
m_lab_showTip->show();
m_timer->start(1500);
}else if(m_btn_change->toolTip() == "随机播放")
{
m_btn_change->setToolTip(tr("顺序播放"));
m_btn_change->setStyleSheet("QPushButton{"
"border-image:url(:/images/circulation.png);"
"}");
m_lab_showTip->setText(tr("顺序播放"));
m_lab_showTip->show();
m_timer->start(1500);
}
}
void Widget::on_change()
{
m_timer->stop();
m_lab_showTip->hide();
}
图片的话需要自己添加。效果图: