System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 事件展示方法、设备及可读存储介质技术_技高网

事件展示方法、设备及可读存储介质技术

技术编号:40317704 阅读:10 留言:0更新日期:2024-02-07 21:00
本申请公开了一种事件展示方法、设备及可读存储介质,属于数据处理技术领域。本申请通过基于预设圆周运动角度,确定事件集合中的各个事件在圆周时间轴上的分布位置;根据所述圆周时间轴的预设转动速度和圆周运动时长,确定显示起始点;根据所述显示起始点以及角度区间确定确定待显示事件,并于显示界面中显示所述待显示事件。做到了通过圆周时间轴将时间线性展示的方式转化为环绕中心点的展示方式,以环形形式按照时间顺序自动展示待显示时间,使得时间的流逝和顺序更加直观易懂,用户可以快速了解事件的发展过程。

【技术实现步骤摘要】

本申请涉及数据处理,尤其涉及事件展示方法、设备及可读存储介质


技术介绍

1、网页上有很多需要按照时间序列进行事件排序展示的场景,通过时间节点和事件描述来展示发展的过程,比如企业发展历程事件、研发制作历程和软件迭代版本更新历史等。

2、目前网站上进行大量使用的主要是水平时间轴、垂直时间轴和s型时间轴。水平时间轴的布局方式是水平布局,按照从左到右的时间顺序进行事件的排列;垂直时间轴是从上到下进行不同时间事件的记录和展示;s型时间轴从左往右先回转再弯曲延伸不断反复,最终呈现s型排列,综合了水平时间轴和垂直时间轴。

3、但上述三种时间轴都是线性时间展示,展示效果单一。

4、上述内容仅用于辅助理解本申请的技术方案,并不代表承认上述内容是现有技术。


技术实现思路

1、本申请的主要目的在于提供一种事件展示方法、设备及可读存储介质,旨在解决当前的时间轴事件展示效果单一的技术问题。

2、为实现上述目的,本申请提供一种事件展示方法,所述事件展示方法包括以下步骤:

3、所述事件展示方法包括以下步骤:

4、基于预设圆周运动角度,确定事件集合中的各个事件在圆周时间轴上的分布位置;

5、根据所述圆周时间轴的预设转动速度和圆周运动时长,确定显示起始点;

6、根据所述显示起始点以及角度区间确定确定待显示事件,并于显示界面中显示所述待显示事件。

7、可选地,所述基于预设圆周运动角度,确定事件集合中的的各个事件在圆周时间轴上的分布位置的步骤包括:

8、基于显示界面接收到初始事件对应的初始点和两个辅助点,则基于所述初始点和所述辅助点,确定圆周时间轴的圆心和半径;

9、基于所述圆心和所述初始点,计算得到所述初始点的初始弧度;

10、基于预设圆周运动角度、所述半径和所述初始弧度,按照事件集合中的各个事件的时间节点,依次确定所述各个事件在所述圆周时间轴上的分布位置。

11、可选地,所述基于预设圆周运动角度,确定事件集合中的各个事件在圆周时间轴上的分布位置的步骤之后包括:

12、基于初始事件对应的分布位置,确定激活点所在的位置,所述激活点用于突出显示;

13、基于定时器,控制所述圆周时间轴和所述激活点按照预设规则进行双向运动。

14、可选地,所述基于定时器,控制所述圆周时间轴和所述激活点按照预设规则进行双向运动的步骤,包括:

15、基于所述定时器,控制所述激活点按照第一预设方向运动所述预设圆周运动角度,以与下一事件的所述分布位置重合,其中,所述圆周时间轴保持静止状态;或

16、基于所述定时器,控制所述圆周时间轴和所述激活点按照第二预设方向,以所述预设转动速度转动第一预设时长;

17、控制所述圆周时间轴向所述第二预设方向,以所述预设转动速度转动第二预设时长,并控制所述激活点向所述第一预设方向运动所述第二预设时长,以使所述激活点与下一事件的所述分布位置重合。

18、可选地,所述基于所述定时器,控制所述激活点按照第一预设方向运动所述预设圆周运动角度,以与下一事件的所述分布位置重合,其中,所述圆周时间轴保持静止状态的步骤之后,还包括:

19、判断当前时刻所述激活点所在位置的下一事件是否是所述待显示事件;

20、若是,则执行所述基于所述定时器,控制所述激活点按照第一预设方向运动所述预设圆周运动角度,以与下一事件的所述分布位置重合,其中,所述圆周时间轴保持静止状态的步骤;

21、若否,则控制所述圆周时间轴和所述激活点向所述第二预设方向,以所述预设转动速度转动所述预设圆周运动角度;

22、执行所述基于所述定时器,控制所述激活点按照第一预设方向运动所述预设圆周运动角度,以与下一事件的所述分布位置重合,其中,所述圆周时间轴保持静止状态的步骤。

23、可选地,所述根据所述显示起始点以及角度区间确定确定待显示事件,并于显示界面中显示所述待显示事件的步骤之后,还包括:

24、判断所述待显示事件是否包括最后一个事件;

25、若是,则将所述圆周时间轴上的所述初始事件移动到与最后一个事件间隔所述预设圆周运动角度的位置;

26、根据所述圆周运动时长确定显示起始点;

27、执行根据所述显示起始点以及角度区间确定确定待显示事件,并于显示界面中显示所述待显示事件的步骤。

28、可选地,所述事件展示方法还包括:

29、基于所述展示界面,检测到光标停在所述激活点的位置,则控制所述圆周时间轴和所述激活点停止运动;

30、以动画的形式展示所述激活点所在位置的事件的详细信息。

31、可选地,所述以动画的形式展示所述激活点所在位置的事件的详细信息的步骤之后,还包括:

32、当检测到所述光标滑出所述激活点所在的位置,则隐藏所述详细信息;

33、执行所述基于定时器,控制所述圆周时间轴和所述激活点按照预设规则进行双向运动的步骤。

34、此外,为实现上述目的,本申请还提供一种事件展示设备,所述设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的事件展示程序,所述事件展示程序配置为实现上述的事件展示方法的步骤。

35、此外,为实现上述目的,本申请还提供一种可读存储介质,所述可读存储介质上存储有事件展示程序,所述事件展示程序被处理器执行时实现上述的事件展示方法的步骤。

36、在本申请中,为了解决当前的时间轴事件展示效果单一的技术问题,本申请通过基于预设圆周运动角度,确定事件集合中的各个事件在圆周时间轴上的分布位置;根据所述圆周时间轴的预设转动速度和圆周运动时长,确定显示起始点;根据所述显示起始点以及角度区间确定确定待显示事件,并于显示界面中显示所述待显示事件。做到了通过圆周时间轴将时间线性展示的方式转化为环绕中心点的展示方式,以环形形式按照时间顺序自动展示待显示时间,使得时间的流逝和顺序更加直观易懂,用户可以快速了解事件的发展过程。

本文档来自技高网...

【技术保护点】

1.一种事件展示方法,其特征在于,所述事件展示方法包括以下步骤:

2.如权利要求1所述的事件展示方法,其特征在于,所述基于预设圆周运动角度,确定事件集合中的的各个事件在圆周时间轴上的分布位置的步骤包括:

3.如权利要求1所述的事件展示方法,其特征在于,所述基于预设圆周运动角度,确定事件集合中的各个事件在圆周时间轴上的分布位置的步骤之后包括:

4.如权利要求3所述的事件展示方法,其特征在于,所述基于定时器,控制所述圆周时间轴和所述激活点按照预设规则进行双向运动的步骤,包括:

5.如权利要求4所述的事件展示方法,其特征在于,所述基于所述定时器,控制所述激活点按照第一预设方向运动所述预设圆周运动角度,以与下一事件的所述分布位置重合,其中,所述圆周时间轴保持静止状态的步骤之后,还包括:

6.如权利要求1所述的事件展示方法,其特征在于,所述根据所述显示起始点以及角度区间确定确定待显示事件,并于显示界面中显示所述待显示事件的步骤之后,还包括:

7.如权利要求3所述的事件展示方法,其特征在于,所述事件展示方法还包括:>

8.如权利要求7所述的事件展示方法,其特征在于,所述以动画的形式展示所述激活点所在位置的事件的详细信息的步骤之后,还包括:

9.一种事件展示设备,其特征在于,所述设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的事件展示程序,所述事件展示程序配置为实现如权利要求1至8中任一项所述的事件展示方法的步骤。

10.一种可读存储介质,其特征在于,所述可读存储介质上存储有事件展示程序,所述事件展示程序被处理器执行时实现如权利要求1至8任一项所述的事件展示方法的步骤。

...

【技术特征摘要】

1.一种事件展示方法,其特征在于,所述事件展示方法包括以下步骤:

2.如权利要求1所述的事件展示方法,其特征在于,所述基于预设圆周运动角度,确定事件集合中的的各个事件在圆周时间轴上的分布位置的步骤包括:

3.如权利要求1所述的事件展示方法,其特征在于,所述基于预设圆周运动角度,确定事件集合中的各个事件在圆周时间轴上的分布位置的步骤之后包括:

4.如权利要求3所述的事件展示方法,其特征在于,所述基于定时器,控制所述圆周时间轴和所述激活点按照预设规则进行双向运动的步骤,包括:

5.如权利要求4所述的事件展示方法,其特征在于,所述基于所述定时器,控制所述激活点按照第一预设方向运动所述预设圆周运动角度,以与下一事件的所述分布位置重合,其中,所述圆周时间轴保持静止状态的步骤之后,还包括:

6....

【专利技术属性】
技术研发人员:叶学明杨剑周刚
申请(专利权)人:招商银行股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1