[发明专利]一种移动标尺构建及函数调用方法、装置及存储介质

说明书

本发明公开了一种移动标尺构建方法，所述方法包括：获取需要绘制的范围所对应的区间值；根据所述区间值确定并绘制具有一比例长度的标尺；绘制指针，并将所述指针与标尺进行定位，以用来记录标尺的滑动；绘制刻度，并计算标尺长度；计算刻度之间的间隔大小，并绘制标尺；设置一与该绘制后标尺对应的触发事件；执行触发事件的条件监听，并确定是否响应。通过绘制移动标尺的实现，针对工业大数据领域数值精准，直观的场景，解决了工业数据在工业参数，生成数据等领域在操作性，美观性，可读性上的问题，并在应用开发实践中实现了多组工业参数调试、记录，使得数值记录更加直观，操作更加便捷，极大提高页面展示多样化，具体化。

技术领域

本发明涉及移动标尺的构建技术领域，尤其涉及一种移动标尺构建方法、装置及存储介质。

背景技术

传统的标尺绘制一般只是使用dom生成，dom绘制标尺再移动端性能消耗十分巨大，需要多种dom元素进行组装，并且需要监听不同的dom事件，并且在滑动时没有算法动画的加持，导致停止时十分的迟滞，如果在页面中多次使用dom绘制的标尺，会使得页面卡顿，用户体验十分不好。

发明内容

本发明的目的在于提供一种移动标尺构建方法、装置及存储介质，旨在通过绘制移动标尺的实现，针对工业大数据领域数值精准，直观的场景，解决了工业数据在工业参数，生成数据等领域在操作性，美观性，可读性上的问题，并在应用开发实践中实现了多组工业参数调试、记录，使得数值记录更加直观，操作更加便捷，极大提高页面展示多样化，具体化。

为了实现上述目的，提供了一种移动标尺构建方法，所述方法包括：

获取需要绘制的范围所对应的区间值；

根据所述区间值确定并绘制具有一比例长度的标尺；

绘制指针，并将所述指针与标尺进行定位，以用来记录标尺的滑动；

绘制刻度，并计算标尺长度；

计算刻度之间的间隔大小，并绘制标尺；

设置一与该绘制后标尺对应的触发事件；

执行触发事件的条件监听，并确定是否响应。

一种实现方式中，所述设置一与该绘制后标尺对应的触发事件的步骤包括：

设置一与绘制后的标尺对应的触屏事件。

一种实现方式中，所述执行触发事件的条件监听，并确定是否响应的步骤，包括：

执行触屏事件的触发时间监听；

在所监听到的时间达到预设时间值时，执行响应，否则不执行响应。

一种实现方式中，所述执行触屏事件的触发时间监听的步骤，包括：

获取所述触屏事件的开始时间；

并根据所述开始时间，获取所述触屏事件的持续时间不小于一预设时间值的时刻；

基于所获取的时刻执行响应；

否则不执行响应。

一种实现方式中，包括步骤：

基于所获取的时刻，触发动画播放事件；

监听所述触屏事件的结束时间；

基于所述结束时间，展示标尺的滑动效果。

本发明还公开了一种移动标尺函数的调用方法，包括

将绘制标尺绘制、刻度绘制、指针绘制和动画播放以及事件监听添加到标尺的构造函数上；

将所述构造函数作为一个方法类，并将数值参数作为方法类的公用参数传入；