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

简述

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

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

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

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

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

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

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

猜你喜欢

转载自blog.csdn.net/goforwardtostep/article/details/80015969
今日推荐