自己开发了一个股票智能分析软件，功能很强大，需要的点击下面的链接获取：
/bclshuai/p/11380657.html
Qt实现数字滚动动画效果
3.3.1 应用场景说明
如下图所示，需要显示人脸检测的数量，变动画的方式实现个位数字滚动，个位由9变成0时，十位也要滚动，实现进位。当个位十位都是9时，数字不在增加，而是显示加号+。
3.3.2 实现方法
实现方案，个位十位都有上下两个label显示数字。通过QPropertyAnimation属性动画控制两个label位置同时向上。动画结束后，再将两个label还原到原始位置。在还原位置之前，先前上面的labelnum值设置为下面labelnum1的值，下面labelnum1的值设置为+1后的值，避免出现数字闪现变小的问题。
头文件实现
#ifndef NUMSHOWWIDGET_H
#define NUMSHOWWIDGET_H
#include <QPropertyAnimation>
#include<QParallelAnimationGroup>
#include <QSequentialAnimationGroup>
#include <QWidget>
#include"ui_NumShowWidget.h"
class NumShowWidget : public QWidget
{
Q_OBJECT
public:
NumShowWidget();
~NumShowWidget();
void initNum();//个位十位上下初始化0，1值
/*
设置为某个值，会根据数字增量的大小增加数字值，根据time求出平均动画时间步长。增量大时速度快，增量小时速度慢
*/
void setNum(int num,int time);
void addNum(int num, int time);
private:
Ui::NumShowWidget ui;
int m_tenwei = 0;//十位
int m_gewei = 0;//个位
QLabel* m_tenCurrent = NULL;//十位当前label
QLabel* m_tenDown=NULL;//十位下面的label
QLabel* m_geCurrent = NULL;//个位当前label
QLabel* m_geDown = NULL;//个位下面的label
int m_count = 0;//动画执行的次数，增量为10，则执行十次上滚动画
int m_num=0;//保存当前显示的数字。
QParallelAnimationGroup* tenAnimation;
};
#endif // NUMSHOWWIDGET_H
源文件实现
#include "NumShowWidget.h"
NumShowWidget::NumShowWidget()
{
ui.setupUi(this);
setWindowModality(Qt::NonModal);
setWindowFlags(Qt::FramelessWindowHint);
this->resize(32, 32);
m_tenCurrent = ui.labelten;
m_tenDown = ui.labelten1;
m_tenCurrent->setText("0");
m_tenDown->setText("1");
m_geCurrent = ui.labelnum;
m_geCurrent->setText("0");
m_geDown = ui.labelnum1;
m_geDown->setText("1");
ui.labelplus->hide();
tenAnimation = new QParallelAnimationGroup(this);
QPropertyAnimation * tenCurrent = new QPropertyAnimation(m_tenCurrent, "geometry");
tenCurrent->setDuration(100);
tenCurrent->setStartValue(QRect(4, 0, 12, 32));
tenCurrent->setEndValue(QRect(4, -32, 12, 32));
tenAnimation->addAnimation(tenCurrent);
QPropertyAnimation * tenDown = new QPropertyAnimation(m_tenDown, "geometry");
tenDown->setDuration(100);
tenDown->setStartValue(QRect(4, 32, 12, 32));
tenDown->setEndValue(QRect(4, 0, 12, 32));
tenAnimation->addAnimation(tenDown);
connect(tenAnimation, &QAbstractAnimation::finished, this, [=]() {
m_tenCurrent->setText(QString::number(m_tenwei++));
m_tenCurrent->setGeometry(4, 0, 12, 32);
m_tenCurrent->raise();
m_tenDown->setGeometry(4, 32, 12, 32);
m_tenDown->setText(QString::number((m_tenwei + 1)));
});
}
NumShowWidget::~NumShowWidget()
{
if (tenAnimation != NULL)
{
delete tenAnimation;
tenAnimation = NULL;
}
}
void NumShowWidget::initNum()
{
m_tenwei = 1;
m_gewei = 1;
m_num = 0;
m_tenCurrent->setText("0");
m_tenCurrent->setGeometry(QRect(4, 0, 12, 32));
m_tenDown->setText("1");
m_tenDown->setGeometry(QRect(4, 32, 12, 32));
m_geCurrent->setText("0");
m_geDown->setText("1");
m_geCurrent->setGeometry(QRect(15, 0, 12, 32));
m_geDown->setGeometry(QRect(15, 32, 12, 32));
ui.labelplus->hide();
}
void NumShowWidget::setNum(int num, int time)
{
if (num > 99)
{
if (m_num < 99)
{
addNum(99 - m_num, time);
m_num =num;
}
else
{
ui.labelplus->show();
}
}
else
{
addNum(num - m_num, time);
m_num = num;
}
}
void NumShowWidget::addNum(int num, int time)
{
if (num <= 0)
{
return;
}
int steptime = time / num;//动画时间步长
m_count = num;
QParallelAnimationGroup* paraAnimation = new QParallelAnimationGroup(this);
QPropertyAnimation * geCurrent = new QPropertyAnimation(m_geCurrent, "geometry");
geCurrent->setDuration(steptime);
geCurrent->setStartValue(QRect(15, 0, 12, 32));
geCurrent->setEndValue(QRect(15, -32, 12, 32));
paraAnimation->addAnimation(geCurrent);
QPropertyAnimation *geDown = new QPropertyAnimation(m_geDown, "geometry");
geDown->setDuration(steptime);
geDown->setStartValue(QRect(15, 32, 12, 32));
geDown->setEndValue(QRect(15, 0, 12, 32));
paraAnimation->addAnimation(geDown);
paraAnimation->start();
connect(paraAnimation, &QAbstractAnimation::finished, this, [=]() {
m_count--;
m_geCurrent->setText(QString::number(m_gewei++));
m_geCurrent->setGeometry(15, 0, 12, 32);
m_geCurrent->raise();
m_geDown->setGeometry(15, 32, 12, 32);
if (m_gewei >= 10)
{
if (m_tenwei < 10)
{
tenAnimation->start();//十位进一位
}
m_gewei = 0;
}
m_geDown->setText(QString::number((m_gewei) % 10));
if (m_count > 0)
{
paraAnimation->start();
}
else
{
delete paraAnimation;
}
});
}
如果觉得《Qt实现数字滚动动画效果》对你有帮助，请点赞、收藏，并留下你的观点哦！
