Qt 之 QTimeLine

已于 2023-07-05 18:16:38 修改
阅读量1w 收藏 13
点赞数 2
分类专栏： Qt 高级编程 文章标签： Qt QTimeLine Qt-动画 Qt-时间线 Qt-时间轴
于 2016-11-04 10:59:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liang19890820/article/details/53010098
版权
QTimeLine 提供了一种控制GUI动画时间轴的方法，用于定期调用槽函数来动画控件。本文详细介绍了如何创建QTimeLine，设置帧范围、更新间隔，以及如何控制状态、方向和曲线形状。通过例子展示了QTimeLine如何实现动画，并讨论了QTimeLine的不同状态、运行方向及其转换，以及自定义曲线形状的可能性。
摘要由CSDN通过智能技术生成

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

QTimeLine 类提供了用于控制动画的时间轴，通常用于通过定期调用一个槽函数来动画一个 GUI 控件。

相信了解动画的人对帧应该不陌生，可以把一个动画想象成由很多张静态画面组成，而每一个画面就是一帧图像。每隔一定时间间隔就显示一帧图像，当该间隔较短时，人眼就感觉不出来了，觉得看到的是连续的影像。

详细说明

可以通过将持续时间（毫秒）传递给 QTimeLine 的构造函数来构建 timeline，timeline 的持续时间描述动画将运行多长时间。然后通过调用 setFrameRange() 设置合适的帧范围。最后，将 frameChanged() 信号连接到想要动画的部件中的合适的槽函数（例如，QProgressBar 中的 setValue()）。

调用 start()，QTimeLine 将进入运行状态，并开始定期（固定的时间间隔）发出 frameChanged() 信号，部件的连接属性的值以稳定的速度从帧范围的下限到上限增长。可以通过调用 setUpdateInterval() 指定更新间隔。当完成

了解本专栏 订阅专栏 解锁全文 超级会员免费看
一去丶二三里
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
订阅专栏
Qt5 创建带时间轴的 曲线（VS2019 + Qt 5）
程序员黄老师的精品课！
05-20 124
最近，客户需要做一个 以时间为横轴，速度和位置（可以分开显示最好）为纵轴的图像曲线，电机只要运动就有图像，无需硬件对接 的Qt 图表，先上效果图！最后，大功告成，完工！
QT-lineEidte动画效果
02-22
QT-lineEidte动画效果 主调黑色样式
QT 时间轴控件
qq_39501474的博客
08-16 702
QT C++ 时间轴 控件
（QT-UI）八、实现一个时间轴，包含刻度和文字显示
最新发布
m0_60558754的博客
07-22 307
这里参考时钟，可以规划出整个时间轴长度上，可以分成12大块，每大块代表1小时长度，每大块里面再细分成6小块，时间上10分钟为一个刻度，每整点1小时显示一组文字信息，把10分钟的刻度画成短竖线，把1小时画成长竖线，就实现了时间轴的基础信息绘制。先将Widget的长度分为12块，再用width除12得到，每个大块的长度，并且绘制时，则是需要绘制出12+1根长竖线，其中长竖线是从height的一半，绘制到底部。然后将大块继续细分成6小块，这次绘制其中5根短竖线，短竖线是从height的3/4绘制到底部。
qt 一个有关时间线的使用代码
07-21
qt 时间线 对初学者很有帮助 /*************************************************************************** * Copyright (C) 2009 by shiroki@www.cuteqt.com* * shiroki@cuteqt.com * * * ***************************************************************************/ #include #include #include #include #include #include #include #include "mainwin.h" #define QUANTITY 20 MainWin::MainWin(QWidget*p, Qt::WFlags f) :QWidget(p), pixmap("./background.png") { setFixedSize(800,600); QTimeLine* tl = new QTimeLine(2000, this);//total time connect(tl, SIGNAL(frameChanged(int)), this, SLOT(changePixmap(int))); tl->setFrameRange(0,100);//max value tl->setCurveShape(QTimeLine::LinearCurve); tl->setUpdateInterval(100);//step tl->start(); } void MainWin::paintEvent(QPaintEvent*e) { QPainter painter(this); painter.setClipRect(e->rect()); painter.drawPixmap(e->rect(),pixmap, e->rect()); } void MainWin::changePixmap(int value) { static int oldx = 0; qWarning() << "change pixmap..." < rect().width()) width = rect().width(); int height = pixmap.height(); if( height > rect().height()) height = rect().height(); int x = width * value / 100; QRect updaterect(oldx, 0, x-oldx + 1, height); qWarning() << value << x << oldx ; p.fillRect(updaterect, QColor(Qt::black)); //p.fillRect(updaterect, palette().color(QPalette::Base)); repaint(updaterect); oldx = x; }
Qt动画效果的幕后英雄:QTimeLine
K·A
12-04 1072
其实动画的本质就是在每一定时间间隔内显示一帧图像，当这个间隔较短的时候人眼就感觉不出来了，觉得看到的是连续的影像。Qt为开发动画效果的人员提供了一个很好的时间控制类QTimeLine.    QTimeLine的最简单用法是    1 QTimeLine timeline=new QTimeLine(1000);    2 timeLine->setFrameRange(0, 100);    3
QTimeLine学习
wswxfwps的专栏
09-02 4217
QTimeLine 是一个提供了控制动画的时间轴的类。通常都是通过调用槽函数来控制动画的显示。          QTimeLine在构造函数中，你可以传递一个毫秒级的参数，表示动画的运行时间。如： QTimeLine *timeLine = new QTimeLine(1000, this); 然后你可以设置该动画设置多少帧，如： timeLine->setFrameRang
Qt之QTimeLine
weixin_33885676的博客
11-04 560
简述 QTimeLine 类提供了用于控制动画的时间轴通常用于通过定期调用一个槽函数来动画一个 GUI 控件。 相信了解动画的人对帧应该不陌生可以把一个动画想象成由很多张静态画面组成而每一个画面就是一帧图像。每隔一定时间间隔就显示一帧图像当该间隔较短时人眼就感觉不出来了觉得看到的是连续的影像。 简述 详细说明 状态 方向 ...
Qt QTimer 笔记(持续更新中)
jayhoodlol的博客
01-19 1507
1.QTimer有设置定时器功能，下面是start函数重载的用法 [slot]void QTimer::start(intmsec) //在状态栏实时显示系统时间 QStatusBar *sBar=statusBar(); QLabel *timeLabel=new QLabel(this); sBar->addWidget(timeLabel); QTimer *timer=new QTi
Qt之QTimeLine窗口滑动切换效果实现
09-02
在Qt编程中，QTimeLine是一个非常强大的工具，用于创建时间相关的动画效果。在这个场景中，我们关注的是如何使用QTimeLine来实现一个窗口滑动切换的效果，即当用户点击按钮时，新的窗口不是传统的瞬间弹出，而是平滑...
基于Qt绘制的时间轴demo
06-24
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽(之前上传一个版本发现有bug，该版本为修复后的版本)
Qt绘制时间轴demo
06-18
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽 注:该版本存在bug，新版本见:https://download.csdn.net/download/qq_25884511/11256550
Qt3DAnimation_example2
08-12
6. **时间线与时间管理**：`QTimeline`类可以用来控制动画的播放速度、暂停、重置和跳转，使得动画的时序更为精确。 7. **事件处理与用户交互**：可能有用户输入事件的处理，比如键盘、鼠标操作来触发特定的动画...
Qt之有趣的数字钟
草上爬的博客
01-09 2628
Qt之有趣的数字钟：基于网络代码修改，支持时、分、秒；支持滑动、翻页和旋转。
Qt动画框架：QTimeLine
友善啊，朋友的博客
11-21 2175
一、描述 时间线。此类最常用于通过定期调用槽函数来为 GUI 控件设置动画。 progressBar = new QProgressBar(this); progressBar->setRange(0, 100); //构建帧范围为 0 - 100 的 1 秒时间线 QTimeLine *timeLine = new QTimeLine(1000, this); timeLine->setFrameRange(0, 100); connect(timeLine, &QTimeL.
Qt编写自定义控件：时间轴控件
友善啊，朋友的博客
10-30 2407
效果： 代码： #ifndef TIMELINECONTROLSWIDGET_H #define TIMELINECONTROLSWIDGET_H #include <QWidget> #include <QDate> class QPainter; class TimelineControlsWidget : public QWidget { Q_OBJECT public: TimelineControlsWidget(QWidget *paren
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一去丶二三里

有收获，再打赏！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值