一、简述
根据小伙伴的反应情况,时间轴的需求还是挺多的,对应视频播放,视频监控等功能都需要时间轴的辅助。时间轴也是各式各样,但都大同小异。
时间轴的功能大致可以总结为一下几点:
- 自由设置时间段
- 刻度间隔可设置
- 时间表达式(1、01、1:00、01:00)
- 刻度线,刻度值,背景样式颜色
- 鼠标滚轮放大缩小功能(时间刻度比较拥挤时很管用)
- 鼠标拖拽移动时间刻度
- 时间轴与数据相结合(比如监控视频时间区间段)
- 时间轴与GraphicsView相结合
- 时间轴滚动动画效果
其实时间轴具体怎么用看自己需求,以上整理了时间轴的一些通用功能。
第一期的时间轴是一个朋友帮忙做的,带一个自动滑动的动画效果,后期的时间轴以此推演过来。
初期的时间轴
也是可以设置颜色样式的。
时间轴与GraphicsView结合
模仿大华监控视频(时间轴与数据结合)
可自由设置时间段(0-24小时),具体时间段内视频数据,多个视频数据显示,鼠标滚轮放缩等功能。
最新加入了刻度针
刻度针在视频区域移动(绿色区域)
简略版
换肤版本,可添加多种颜色的数据块
时间轴与图片数据相结合
新增数据上下换层拖动效果
增加多日期显示
可设置几天,几个月的时间进行显示,对绘制进行了优化,之前的时间轴只支持24小时制,此版本改版优化了绘制,可以绘制很多天的时间轴及数据,也不会因为数据过多而卡顿,支持一级的放大,最小刻度从20分钟变为20秒为单位,以方便查看数据。也可在此基础上增加更多级别的放大或缩小。
以数字为基数的时间轴,可添加多个数据段
可设置负数,根据给定时间数字定位刻度线,并判断当前刻度线是否在数据块中。
视频数据时间轴
24小时制,可切换时间轴的精度,可以添加多种类别的视频数据段。
星期时间选择时间轴
可以选择周一到周日的时间片段,最小刻度为30min,可以添加不同类别的时间段数据,如录像,侦测。
尾
总之,时间轴大致差不多,区别在于用于什么方面。以上时间轴使用QPainter绘制,通过鼠标等事件进行操作。
很多样式都是不同需求进行不同定制的。如果小伙伴有其他样式的时间轴需要的可以找我定制哈。