Qt实现的时间轴编程

最新推荐文章于 2025-05-29 17:19:19 发布
最新推荐文章于 2025-05-29 17:19:19 发布
阅读量805 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： qt 数据库 开发语言 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/DevGOOD/article/details/132772227
本文介绍了如何在Qt中利用图形视图框架实现时间轴。通过创建自定义的QGraphicsRectItem表示事件，QGraphicsScene处理鼠标点击创建事件，以及自定义QGraphicsView展示时间轴。实现了基本的时间轴功能，包括事件的创建、移动和选中，为进一步定制如事件删除、编辑提供了基础。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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 :
了解本专栏 订阅专栏 解锁全文
用Qt实现时间轴绘制
CodeWWWCode的博客
09-09 640
为了实现自定义的时间轴小部件，我们需要创建一个新的Qt小部件类。右键单击项目文件夹，选择"新建文件"，然后选择"C++类"模板。输入类名为"TimelineWidget"，选择基类为"QWidget"，然后点击"下一步"并完成创建。我们将创建一个自定义的Qt小部件来实现时间轴，并提供相应的源代码。现在，在主窗口类中，我们可以将TimelineWidget添加为一个子部件，并设置其大小和位置。现在，我们完成了时间轴小部件的创建和绘制。请注意，这只是一个基本的实现示例，您可以根据自己的需求进行自定义和扩展。
（QT-UI）八、实现一个时间轴，包含刻度和文字显示
m0_60558754的博客
07-22 1121
这里参考时钟，可以规划出整个时间轴长度上，可以分成12大块，每大块代表1小时长度，每大块里面再细分成6小块，时间上10分钟为一个刻度，每整点1小时显示一组文字信息，把10分钟的刻度画成短竖线，把1小时画成长竖线，就实现了时间轴的基础信息绘制。先将Widget的长度分为12块，再用width除12得到，每个大块的长度，并且绘制时，则是需要绘制出12+1根长竖线，其中长竖线是从height的一半，绘制到底部。然后将大块继续细分成6小块，这次绘制其中5根短竖线，短竖线是从height的3/4绘制到底部。
Qt自定义控件实践——时间轴绘制
最新发布
kk821521286的博客
05-29 987
qt绘制自定义时间轴
Qt绘制时间轴demo
06-18
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽 注:该版本存在bug，新版本见:https://download.youkuaiyun.com/download/qq_25884511/11256550
基于Qt绘制的时间轴demo
06-24
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽(之前上传一个版本发现有bug，该版本为修复后的版本)
Qt之时间轴样式汇总
热门推荐
前行之路还需前行
05-17 1万+
一、简述 根据小伙伴的反应情况，时间轴的需求还是挺多的，对应视频播放，视频监控等功能都需要时间轴的辅助。时间轴也是各式各样，但都大同小异。 时间轴的功能大致可以总结为一下几点： 自由设置时间段 刻度间隔可设置 时间表达式（1、01、1:00、01:00） 刻度线，刻度值，背景样式颜色 鼠标滚轮放大缩小功能（时间刻度比较拥挤时很管用） 鼠标拖拽移动时间刻度 时间轴与数据相结合（比如监控视频时间区间...
Qt实现绘制动态时间轴
10-27
在本文中，我们将深入探讨如何使用Qt框架来实现一个动态的时间轴。Qt是一个跨平台的C++图形用户界面库，广泛应用于开发桌面和移动应用程序。时间轴是一个展示时间序列事件的有效工具，它可以帮助用户理解数据随时间...
基于Qt的时间轴编辑器
05-25
2. **时间线模型**：模型-视图-控制器（MVC）是Qt设计模式的基础，时间线模型负责存储和管理时间轴上的事件和数据。这可以是一个自定义的QObject子类，实现数据的添加、删除、修改等操作，并通过信号和槽机制与视图...
qt实现的滑动设置时间自定义控件
04-03
Qt是一个跨平台的应用程序开发框架，广泛应用于GUI（图形用户界面）编程，支持多种操作系统，如Windows、Linux和macOS。这个自定义控件可以提供一种直观且交互性强的方式来设定时间，适用于各种应用场合，例如时钟、...
Qt 时间线
雨田哥的博客
04-11 2678
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 2638
效果： 代码： #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 881
Qt绘制时间轴（附完整源码）
Qt 实现的时间轴Timeline （附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-19 557
Qt 实现的时间轴Timeline （附完整源码）
用QT实现垂直时间轴
ByteWhiz的博客
08-15 312
在场景中，我们添加了10个事件条目，每个事件条目的大小都是20x100，条目高度为100像素，间距为50像素。在本篇文章中，我们将会介绍如何使用Qt实现一个简单的垂直时间轴。垂直时间轴的基本思路是，在一个QGraphicsView中以一条竖直的线为基准，上下排列许多表示事件的条目。在这里，我们为QGraphicsView添加了拖拽和滚轮缩放的交互，并实现了wheelEvent函数，使得可以通过滚轮来进行缩放。在此时运行程序，应该可以看到完整的、可操作的垂直时间轴。此时运行程序，应该会看到完整的垂直时间轴。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值