如何使用Qt绘制时间刻度轴

最新推荐文章于 2025-05-29 17:19:19 发布
原创 最新推荐文章于 2025-05-29 17:19:19 发布 · 1.4w 阅读 · 29 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Qt #QPainter #Qt绘图 #时间刻度轴 #时间轴

本篇介绍如何使用Qt的QPainter实现自定义时间轴控件，支持拖拽选择时间、点击定位、放大缩小等功能，并结合动画效果提升用户体验。

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

#简述

在日常开发过程中，我们一般都使用Qt提供的控件库。但是在特殊情况下，我们需要一些特殊的效果，而Qt本身提供的控件有限，可能满足不了我们的需求。所有这个时候需要我们自己去创造新的控件。

创造新的控件有两种方式，一种就是控件与控件之间相互组合成的新控件，另一种则是通过QPainter绘制出我们所需要的控件，通过绘制我们想咋整就咋整，而且QPainter提供的接口非常丰富，使用起来也非常方便。其实Qt本身所提供的控件也都是自己绘制出来的，然后封装成类库供我们使用。

本场Chat将为你带来如何使用Qt中的QPainter来绘制一个时间刻度表。具体包括拖拽，点击选择时间刻度，时间刻度轴的放大，缩小等功能，同时结合了Qt中的动画类，效果棒棒哒。

这里可以通过鼠标来拖动时间轴选择时间，或者可以点击时间轴来定位到某一时间点。
同时提供了放大缩小刻度轴功能，提高选择时间的精确度。

本次demo显示的是24小时的刻度值，在Chat分享中将会提供自定义时间长度、自定义时间刻度距离，时间轴绘制颜色，动画效果显示时长、获取当前选择的时间值、放缩倍率等等接口。

以下只是初级版，完整版将会在chat中展现。感兴趣的小伙伴赶紧加入吧 O(∩_∩)O ！

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

更多时间轴样式请见置顶文章 Qt之时间轴样式汇总

Qt绘制时间轴（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-28 877
Qt绘制时间轴（附完整源码）
QT 绘制任意方向的刻度线（刻度尺）
weixin_44697957的博客
08-14 1673
简单写的测试代码，可能有一些不足，需要的可以自己修改。通过paintEvent（）事件绘制刻度条。
QtChartTimeAxis-时间轴与动态绘制
12-05
开发环境是VS2017社区版+Qt 5.11.2，利用QtCharts和定时器绘制与时分秒相关数据，双Y轴。 对应文章连接https://blog.youkuaiyun.com/DoleH/article/details/103398944
Qt自定义控件实践——时间轴绘制
最新发布
kk821521286的博客
05-29 955
qt绘制自定义时间轴
Qt绘制时间轴（移动缩放）
qq_40110291的博客
06-25 4504
工程下载地址：https://download.youkuaiyun.com/download/qq_40110291/11259935
QT 时间轴控件
qq_39501474的博客
08-16 807
QT C++ 时间轴 控件
基于Qt的视频监控项目自定义时间轴刻度控件[开源]
BlueShaw的专栏
01-20 4159
背景介绍 目前很多PC安防监控客户端上，查看录像时，直接生成了一个当天的时间轴，在时间轴上会以不同的色块标注当天哪些时间段有录像，哪些时间段没有录像，一目了然，效果挺好的。 功能介绍 很久之前做过这个Demo，实现了以下功能： 可以根据给定的时间段设置不同颜色标记出有录像的时间段。 根据控件大小，时间轴自动缩放。 左右滑动查看未显示的时间轴。 鼠标悬停在时间轴上可以显示悬停点对应的录像时间。 ...
qt绘制时间轴，自由设置时间刻度
12-29
本文将深入探讨如何使用Qt来实现一个可自定义时间刻度、支持时间段选择、鼠标交互（如放大、缩小和拖拽）的时间轴功能。 首先，时间轴的基本构成包括起点、终点、刻度和标签。在Qt中，我们可以使用QGraphicsView和...
Qt实现绘制动态时间轴
10-27
在本文中，我们将深入探讨如何使用Qt框架来实现一个动态的时间轴。Qt是一个跨平台的C++图形用户界面库，广泛应用于开发桌面和移动应用程序。时间轴是一个展示时间序列事件的有效工具，它可以帮助用户理解数据随时间...
基于Qt绘制的时间轴demo
06-24
以上就是基于Qt绘制时间轴demo的关键知识点，通过理解和应用这些技术，可以创建出一个强大且用户友好的时间轴界面，用于监控回放或其他相关应用场景。在实际开发中，还需要根据具体需求进行适当的定制和扩展。
Qt绘制坐标轴
09-24
在Qt编程中，"Qt绘制坐标轴"是一个关键的领域，尤其对于开发涉及图形用户界面（GUI）的应用程序，如数据分析、科学可视化或工程软件。这个主题涉及到如何使用Qt的图形视图框架（Graphics View Framework）来创建...
C++与Qt实现QChart设置时间轴随数据实时更新
07-12
Qt5.8与VS2013实现QChart数据随时间刷新，并实时刷新X轴时间范围
TimeLine2.rar（QPainter时间轴绘制，实现刻度的缩放，移动，值对应）
06-26
简单的QPainter时间轴绘制，实现刻度的缩放，移动，值对应
Qt绘制时间轴demo
06-18
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽 注:该版本存在bug，新版本见:https://download.youkuaiyun.com/download/qq_25884511/11256550
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绘制的水平时间轴控件
06-19
通过QT实现绘制的一个监控回放时间轴控件，实现了时间的显示、缩放与拖拽，可应用到实际项目中去
Qt编写自定义控件：时间轴控件
友善啊，朋友的博客
10-30 2632
效果： 代码： #ifndef TIMELINECONTROLSWIDGET_H #define TIMELINECONTROLSWIDGET_H #include <QWidget> #include <QDate> class QPainter; class TimelineControlsWidget : public QWidget { Q_OBJECT public: TimelineControlsWidget(QWidget *paren
用Qt实现时间轴绘制
CodeWWWCode的博客
09-09 632
为了实现自定义的时间轴小部件，我们需要创建一个新的Qt小部件类。右键单击项目文件夹，选择"新建文件"，然后选择"C++类"模板。输入类名为"TimelineWidget"，选择基类为"QWidget"，然后点击"下一步"并完成创建。我们将创建一个自定义的Qt小部件来实现时间轴，并提供相应的源代码。现在，在主窗口类中，我们可以将TimelineWidget添加为一个子部件，并设置其大小和位置。现在，我们完成了时间轴小部件的创建和绘制。请注意，这只是一个基本的实现示例，您可以根据自己的需求进行自定义和扩展。
Qt自定义控件--水平滚动时间轴
Qt自定义控件及应用开发
08-28 2510
Qt水平滚动时间轴，通过鼠标或键盘实现左右滚动时间轴。 通过记录生活、记录文化、记录历史，来实现自己传承文化的梦想。 绘制水平滚动时间轴，样式可定制。 可以设置时间轴长度； 可以修改背景颜色； 可以修改文字内容及颜色； 可以修改每个单元的颜色； 样式可定制 有需要，留言。 ...
评论 18
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值