Qt浅谈之三十七界面文字显示动态化

一、简介

        最近项目中有需求：界面显示时所有的静态数据都以动态刷新的方式显示。在原来的代码上加上几个定时器QTimer就可以实现了，处理好showEvent和hideEvent事件（总体比较简单）。

二、详解

1、代码

（1）processbardynamic.h

#ifndef PROCESSBARDYNAMIC_H
#define PROCESSBARDYNAMIC_H

#include <QtGui>

class ProcessbarDynamic : public QWidget
{
Q_OBJECT

public:
ProcessbarDynamic(QWidget *parent = 0);
~ProcessbarDynamic();

protected:
void paintEvent(QPaintEvent *event);
void resizeEvent (QResizeEvent * event);
void mousePressEvent(QMouseEvent *event);
void mouseMoveEvent(QMouseEvent *event);
void mouseReleaseEvent(QMouseEvent *event);
void showEvent(QShowEvent *event);
void hideEvent(QHideEvent *event);

private slots:
void slotUpdateTimer();
void slotMoneyTimer();

private:
QPoint beginDrag;
bool bPressFlag;
QLabel *firstLabel;
QLabel *secondLabel;
QPushButton *closeBtn;
QTimer *moneyTimer;
QTimer *updateTimer;
QProgressBar *progressBar;
QLabel *progressBarLabel;
QPushButton *sureBtn;

int currentMoneyValue;
int currentNumValue;
int currentPercentValue;
};

#endif // PROCESSBARDYNAMIC_H

（2）processbardynamic.cpp

#include "processbardynamic.h"
#define MAXMONEY 660066
#define MAXNUM 15
#define MAXPERCENT 60

ProcessbarDynamic::ProcessbarDynamic(QWidget *parent)
: QWidget(parent, Qt::FramelessWindowHint)
, bPressFlag(false)
, currentMoneyValue(0)
, currentNumValue(0)
, currentPercentValue(0)
{
resize(300, 150);
setAutoFillBackground(false);
QPalette pal = palette();
pal.setColor(QPalette::Background, QColor(0xFF,0xFF,0xFF,0xFF));
setPalette(pal);

firstLabel = new QLabel(this);
firstLabel->setAlignment(Qt::AlignLeft | Qt::AlignVCenter);
firstLabel->setText(tr("<font color='#666666'>%1</font><font color='#FC822B' size=4><b>$%2</b></font>").arg(tr("remainingmoney")).arg("0"));

secondLabel = new QLabel(this);
secondLabel->setAlignment(Qt::AlignRight | Qt::AlignVCenter);
secondLabel->setText(QString("<font color='#666666'>%1</font><font color='#FC822B' size=4><b>%2</b></font><font color='#666666'>%3</font>").arg(tr("input")).arg(0).arg(tr("number")));

progressBar = new QProgressBar(this);
progressBar->setRange(0, 100);
progressBar->reset();
progressBar->setValue(0);
progressBar->setTextVisible(false);

progressBar->setStyleSheet("QProgressBar{border:none;background:#E5E5E5;border-radius:2px;}"
"QProgressBar::chunk{background:#009DD6;border-radius:2px;}");
progressBarLabel = new QLabel(this);
progressBarLabel->setStyleSheet("color:#333333;");
progressBarLabel->setAlignment(Qt::AlignCenter);
progressBarLabel->setFont(QFont("arial", 10, QFont::Normal));
progressBarLabel->setText(QString("%1%").arg(0));

sureBtn = new QPushButton(this);
sureBtn->setFont(QFont("arial", 10, QFont::Normal));
sureBtn->setStyleSheet("QPushButton{border:none;color:#FFFFFF;background:#009DD6;border-radius:4px;}"
"QPushButton:hover{border-color:green;background:#00ACF0;}");
sureBtn->setFocusPolicy(Qt::NoFocus);
sureBtn->setText(tr("sure"));

moneyTimer = new QTimer(this);
moneyTimer->setInterval(1);
connect(moneyTimer, SIGNAL(timeout()), this, SLOT(slotMoneyTimer()));
updateTimer = new QTimer(this);
updateTimer->setInterval(20);
connect(updateTimer, SIGNAL(timeout()), this, SLOT(slotUpdateTimer()));

closeBtn = new QPushButton(this);
closeBtn->setStyleSheet("QPushButton{background-image:url(:/close.png);border-style:flat;}"
"QPushButton:hover{background-image:url(:/close_hover.png);border-style:flat;}");
closeBtn->setFocusPolicy(Qt::NoFocus);
connect(closeBtn, SIGNAL(clicked()), this, SLOT(close()));
}

ProcessbarDynamic::~ProcessbarDynamic()
{
if (updateTimer->isActive()) {
updateTimer->stop();
}
if (moneyTimer->isActive()) {
moneyTimer->stop();
}
currentMoneyValue = 0;
currentNumValue = 0;
currentPercentValue = 0;
}

void ProcessbarDynamic::slotUpdateTimer()
{
if (currentNumValue <= MAXNUM) {
secondLabel->setText(QString("<font color='#666666'>%1</font><font color='#FC822B' size=4><b>%2</b></font><font color='#666666'>%3</font>").arg(tr("input")).arg(currentNumValue).arg(tr("number")));
}
if (currentPercentValue <= MAXPERCENT) {
progressBar->setValue(currentPercentValue);
progressBarLabel->setText(QString("%1%").arg(currentPercentValue));
}
if (currentNumValue > MAXNUM && currentPercentValue > MAXPERCENT) {
updateTimer->stop();
}
currentNumValue++;
currentPercentValue++;
}

void ProcessbarDynamic::slotMoneyTimer()
{
if (currentMoneyValue <= MAXMONEY) {
QString value = "";
int number = currentMoneyValue;
if (number < 1000) {
value = QString::number(number);
}
else if (number < 1000 * 1000) {
value = QString::number(number/1000);
value += ",";
//QString temp = "";
//temp = QString::number(number%1000);
//temp = temp.rightJustified(3,'0');
//temp.fill('0', 3);
//temp.push_back(QString::number(number));
//temp = temp.right(3);
value += QString("%1").arg(number%1000, 3, 10, QChar('0'));
}
else if (number < 1000*1000*1000) {
value = QString::number(number/(1000*1000));
value += ",";
number = number%(1000*1000);
value += QString("%1").arg(number/1000, 3, 10, QChar('0'));
value += ",";
value += QString("%1").arg(number%1000, 3, 10, QChar('0'));

}
firstLabel->setText(tr("<font color='#666666'>%1</font><font color='#FC822B' size=4><b>$%2</b></font>").arg(tr("remainingmoney")).arg(value));
}
if (currentMoneyValue == MAXMONEY){
moneyTimer->stop();
}
currentMoneyValue = currentMoneyValue + 500;
if (currentMoneyValue > MAXMONEY) {
currentMoneyValue = MAXMONEY;
}
}

void ProcessbarDynamic::paintEvent(QPaintEvent *event)
{
QWidget::paintEvent(event);
}

void ProcessbarDynamic::resizeEvent(QResizeEvent *event)
{
firstLabel->setGeometry(15, 25, 150, 30);
secondLabel->setGeometry(165, 25, 120, 30);
progressBar->setGeometry(15, 73, 230, 5);
progressBarLabel->setGeometry(255, 62, 30, 25);
sureBtn->setGeometry(15, 90, 270, 45);
closeBtn->setGeometry(width() - 15, 5, 10, 10);
move((QApplication::desktop()->width() - width())/2,  (QApplication::desktop()->height() - height())/2);
QWidget::resizeEvent(event);
}

void ProcessbarDynamic::showEvent(QShowEvent *event)
{
currentMoneyValue = 0;
currentNumValue = 0;
currentPercentValue = 0;
updateTimer->start();
moneyTimer->start();
QWidget::showEvent(event);
}

void ProcessbarDynamic::hideEvent(QHideEvent *event)
{
if (updateTimer->isActive()) {
updateTimer->stop();
}
if (moneyTimer->isActive()) {
moneyTimer->stop();
}
QWidget::hideEvent(event);
}

void ProcessbarDynamic::mousePressEvent(QMouseEvent *event)
{
bPressFlag = true;
beginDrag = event->pos();
QWidget::mousePressEvent(event);
}

void ProcessbarDynamic::mouseMoveEvent(QMouseEvent *event)
{
if (bPressFlag) {
QPoint relaPos(QCursor::pos() - beginDrag);
move(relaPos);
}
QWidget::mouseMoveEvent(event);
}

void ProcessbarDynamic::mouseReleaseEvent(QMouseEvent *event)
{
bPressFlag = false;
QWidget::mouseReleaseEvent(event);
}

（3）main.cpp

#include "processbardynamic.h"
#include <QApplication>

int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QTranslator translator;
translator.load("processbardynamic.qm",":/");
a.installTranslator(&translator);
ProcessbarDynamic w;
w.show();

return a.exec();
}

（4）运行（隐藏再显示也会重新动态显示）

三、总结

（1）上述代码难度不大，仅提供一种显示方式。测试代码已上传到CSDN：http://download.csdn.net/detail/taiyang1987912/9347839。

（2）若有建议，请留言，在此先感谢！