Qt实现的时间轴编程

最新推荐文章于 2025-10-02 15:55:30 发布

海上的风浪

最新推荐文章于 2025-10-02 15:55:30 发布

阅读量876

点赞数

CC 4.0 BY-SA版权

文章标签： qt 数据库开发语言编程

本文链接：https://blog.youkuaiyun.com/DevGOOD/article/details/132772227

编程专栏收录该内容

479 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何在Qt中利用图形视图框架实现时间轴。通过创建自定义的QGraphicsRectItem表示事件，QGraphicsScene处理鼠标点击创建事件，以及自定义QGraphicsView展示时间轴。实现了基本的时间轴功能，包括事件的创建、移动和选中，为进一步定制如事件删除、编辑提供了基础。

Qt实现的时间轴编程

时间轴（Timeline）是一种常用的用户界面元素，用于展示和管理时间上的事件或动画。在Qt框架中，我们可以利用Qt的图形视图框架（Graphics View Framework）来实现一个简单的时间轴。本文将介绍如何使用Qt实现一个基本的时间轴，并提供相应的源代码。

首先，我们需要创建一个新的Qt Widgets应用程序。在Qt Creator中，选择"File"->“New File or Project”，然后选择"Qt Widgets Application"模板，并填写项目名称和路径。在创建项目后，我们可以开始编写代码。

首先，我们需要创建一个自定义的图形项（Graphics Item），用于表示时间轴上的事件。我们可以创建一个继承自QGraphicsRectItem的类，代码如下：

#include <QGraphicsRectItem>

class TimelineEventItem :

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

海上的风浪

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

用Qt实现时间轴绘制

CodeWWWCode的博客

09-09

711

为了实现自定义的时间轴小部件，我们需要创建一个新的Qt小部件类。右键单击项目文件夹，选择"新建文件"，然后选择"C++类"模板。输入类名为"TimelineWidget"，选择基类为"QWidget"，然后点击"下一步"并完成创建。我们将创建一个自定义的Qt小部件来实现时间轴，并提供相应的源代码。现在，在主窗口类中，我们可以将TimelineWidget添加为一个子部件，并设置其大小和位置。现在，我们完成了时间轴小部件的创建和绘制。请注意，这只是一个基本的实现示例，您可以根据自己的需求进行自定义和扩展。

Qt视频剪辑软件开发（四）：视频双向拖动与剪辑的实现

琅嬛福地

03-28

2502

前面3篇大概介绍了音视频解码播放显示等，这篇介绍最关键的地方，视频快进seek功能。由于要做视频剪辑，需要调节视频的起始点，用Slider控件是比较好的选择，但是Qt提供的QSlider只能单向拖动，不能双向拖动，很遗憾，用两个QSlider又不美观。还好Qt有很多第三方拓展库，于是找到了Qt双向滑动控件QxtSpanSlider，关于该控件的使用，可以查看我的博客...

参与评论您还未登录，请先登录后发表或查看评论

Qt绘制时间轴demo

06-18

通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年月日时的显示、缩放与拖拽注:该版本存在bug，新版本见:https://download.youkuaiyun.com/download/qq_25884511/11256550

基于QCustomPlot的Qt时间坐标轴绘图工具实战详解

最新发布

weixin_35829279的博客

10-02

376

QCustomPlot是一个轻量级、高性能的Qt C++绘图库，专为实时数据可视化设计，广泛应用于工业监控、科学计算与嵌入式系统。它基于Qt的绘图框架（如QPainter），通过面向对象的方式封装了复杂的图形绘制逻辑，支持二维曲线、柱状图、散点图等多种图表类型。相较于QChart等官方模块，QCustomPlot在性能和灵活性上更具优势，尤其擅长处理大规模时间序列数据。其无依赖特性（仅需Qt Core 和 Gui 模块）使其易于集成，成为Qt开发者构建专业级数据可视化界面的首选工具之一。

（QT-UI）八、实现一个时间轴，包含刻度和文字显示

m0_60558754的博客

07-22

1307

这里参考时钟，可以规划出整个时间轴长度上，可以分成12大块，每大块代表1小时长度，每大块里面再细分成6小块，时间上10分钟为一个刻度，每整点1小时显示一组文字信息，把10分钟的刻度画成短竖线，把1小时画成长竖线，就实现了时间轴的基础信息绘制。先将Widget的长度分为12块，再用width除12得到，每个大块的长度，并且绘制时，则是需要绘制出12+1根长竖线，其中长竖线是从height的一半，绘制到底部。然后将大块继续细分成6小块，这次绘制其中5根短竖线，短竖线是从height的3/4绘制到底部。

基于Qt绘制的时间轴demo

06-24

通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年月日时的显示、缩放与拖拽(之前上传一个版本发现有bug，该版本为修复后的版本)

Qt实现绘制动态时间轴

10-27

在本文中，我们将深入探讨如何使用Qt框架来实现一个动态的时间轴。Qt是一个跨平台的C++图形用户界面库，广泛应用于开发桌面和移动应用程序。时间轴是一个展示时间序列事件的有效工具，它可以帮助用户理解数据随时间...

基于Qt的时间轴编辑器

05-25

2. **时间线模型**：模型-视图-控制器（MVC）是Qt设计模式的基础，时间线模型负责存储和管理时间轴上的事件和数据。这可以是一个自定义的QObject子类，实现数据的添加、删除、修改等操作，并通过信号和槽机制与视图...

qt实现的滑动设置时间自定义控件

04-03

Qt是一个跨平台的应用程序开发框架，广泛应用于GUI（图形用户界面）编程，支持多种操作系统，如Windows、Linux和macOS。这个自定义控件可以提供一种直观且交互性强的方式来设定时间，适用于各种应用场合，例如时钟、...

Qt之时间轴样式汇总

热门推荐

前行之路还需前行

05-17

1万+

一、简述根据小伙伴的反应情况，时间轴的需求还是挺多的，对应视频播放，视频监控等功能都需要时间轴的辅助。时间轴也是各式各样，但都大同小异。 时间轴的功能大致可以总结为一下几点：自由设置时间段刻度间隔可设置时间表达式（1、01、1:00、01:00）刻度线，刻度值，背景样式颜色鼠标滚轮放大缩小功能（时间刻度比较拥挤时很管用）鼠标拖拽移动时间刻度 时间轴与数据相结合（比如监控视频时间区间...

Qt 时间线

雨田哥的博客

04-11

2727

Qt 时间线文章目录Qt 时间线（一）、控件介绍（二）、效果图核心代码Qt交流群结尾（一）、控件介绍颜色自定义设置支持时，分，秒，毫秒级别显示支持时间线控制支持放大缩小时间线采用多层图层显示。（二）、效果图核心代码 void TimeLine::setCurTime(const CTime_t& time) { m_curTime = time; QP...

QtChartTimeAxis-时间轴与动态绘制

12-05

开发环境是VS2017社区版+Qt 5.11.2，利用QtCharts和定时器绘制与时分秒相关数据，双Y轴。对应文章连接https://blog.youkuaiyun.com/DoleH/article/details/103398944

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; }

bugel:基于Qt的开源时间轴工具

05-20

为什么选择布盖尔？ Bugel是一种用于标记歌曲中的时间，然后将这些时间转变为有意义的工具。我写Bugel的原因是我制作的游戏与音乐息息相关。我找不到能满足我要求的工具（尽管我看起来并不难）。我将其公开发布，因为我认为此工作流程可能适用于其他人的项目。如果您要制作“真实”的节奏游戏，例如DDR或Guitar Hero，那么最好使用专门的编辑器。这些游戏中只有4-5个可能的“事件”，因此编辑人员不必太复杂。但是，如果您有许多类型的事件该怎么办？如果这些事件中的每一个都可以具有多个参数怎么办？您可能可以轻松找到所需的时间，但是可能需要进行大量迭代才能将其转变为有趣的游戏玩法。一个“层”中的事件通常相互依赖。一项调整可能需要更改20个事件。使用Bugel的后期处理，您只需调整脚本的一行即可立即更新20个事件。这个怎么运作时间线保存着诸如后备轨道，后备轨道的BP

qt绘制时间轴，自由设置时间刻度

12-29

qt绘制时间轴，自由设置时间段、时间刻度、鼠标放大缩小、拖拽等

qt时间轴滑动条

01-11

基于qwt-6.1实现的时间轴滑动条，主要是slider参数设置技巧，设定起始结束日期，自动绘制时间轴，qwt请自行下载编译，qt我用的版本是5.7.1，vs2013。主要代码如下： QDateTime starData = QDateTime::fromString(dataS, "yyyy-MM-dd"); QDateTime endData = QDateTime::fromString(dataE, "yyyy-MM-dd"); int dayCount = starData.daysTo(endData); _qwtSlider->setScale( QwtDate::toDouble(starData), QwtDate::toDouble(endData) ); _qwtSlider->setTotalSteps(dayCount); _qwtSlider->setPageSteps(30); double space = QwtDate::toDouble(endData) - QwtDate::toDouble(starData); _qwtSlider->setScaleStepSize(space/12); _qwtSlider->setScaleDraw(_qwtDsd); _qwtSlider->setHandleSize(QSize(20, 10));

Qt编写自定义控件：时间轴控件

友善啊，朋友的博客

10-30

2707

效果：代码： #ifndef TIMELINECONTROLSWIDGET_H #define TIMELINECONTROLSWIDGET_H #include <QWidget> #include <QDate> class QPainter; class TimelineControlsWidget : public QWidget { Q_OBJECT public: TimelineControlsWidget(QWidget *paren

Qt绘制时间轴（附完整源码）

希望我的博客，能帮上你解决学习中工作中所遇到的问题

07-28

991

Qt绘制时间轴（附完整源码）

Qt 实现的时间轴Timeline （附完整源码）

希望我的博客，能帮上你解决学习中工作中所遇到的问题

07-19

676

Qt 实现的时间轴Timeline （附完整源码）