【技术实现步骤摘要】
进度条控制方法、装置、设备及可读存储介质
本申请实施例涉及界面显示领域,特别涉及一种进度条控制方法、装置、设备及可读存储介质。
技术介绍
进度条是计算机在处理任务时,用于指示任务的处理完成度,通常,进度条以长方形条状显示,如:以最左侧为0%,最右侧为100%为例,以底色黑色显示未完成的部分,以蓝色显示已完成的部分,则从最左侧开始,根据任务的处理完成度,向右侧增加蓝色的显示部分,并减少黑色的显示部分。相关技术中,当进度条的长度超出屏幕本身的宽度时,屏幕中仅能显示进度条的一部分,超出屏幕的部分会被截断,用户可以通过手动滑动的方式对进度条进行滑动,从而显示进度条走势中未能显示在显示屏中的部分。然而,通过手动滑动的方式灵活性较差,用户需要手动在进度条的不同位置进行滑动切换,通过进度条实现的完成度显示过程中人机交互效率较低。
技术实现思路
本申请实施例提供了一种进度条控制方法、装置、设备及可读存储介质,可以提高通过进度条实现的完成度显示过程中的人机交互效率。所述技术方案如下:一方面, ...
【技术保护点】
1.一种进度条控制方法,其特征在于,所述方法包括:/n显示包括所述进度条的显示界面,所述显示界面中包括进度滑动区域,所述进度滑动区域用于显示所述进度条,且所述进度滑动区域在第一方向上的长度为第一长度,所述第一长度小于所述进度条的第二长度;/n在所述进度滑动区域中沿所述第一方向更新所述进度条的进度值;/n响应于所述进度条的所述进度值达到目标进度值,在所述进度滑动区域中沿第二方向以滑动偏移量滑动所述进度条,所述第二方向为所述第一方向的反方向。/n
【技术特征摘要】
1.一种进度条控制方法,其特征在于,所述方法包括:
显示包括所述进度条的显示界面,所述显示界面中包括进度滑动区域,所述进度滑动区域用于显示所述进度条,且所述进度滑动区域在第一方向上的长度为第一长度,所述第一长度小于所述进度条的第二长度;
在所述进度滑动区域中沿所述第一方向更新所述进度条的进度值;
响应于所述进度条的所述进度值达到目标进度值,在所述进度滑动区域中沿第二方向以滑动偏移量滑动所述进度条,所述第二方向为所述第一方向的反方向。
2.根据权利要求1所述的方法,其特征在于,所述响应于所述进度条的所述进度值达到目标进度值,在所述进度滑动区域中沿第二方向以滑动偏移量滑动所述进度条,包括:
确定所述进度值在所述进度条上对应的进度展示长度;
响应于所述进度展示长度达到所述目标进度值对应的目标长度,确定与所述进度展示长度对应的所述滑动偏移量,所述滑动偏移量与所述进度展示长度的长度区间存在对应关系;
以所述滑动偏移量沿所述第二方向滑动所述进度条。
3.根据权利要求2所述的方法,其特征在于,所述进度条是通过在所述进度滑动区域中设置进度激活区域实现的,所述进度激活区域中包括至少一个进度特效分组盒;
所述确定所述进度值所对应的进度条的进度展示长度,包括:
获取所述进度条的进度数据,所述进度数据用于表示所述进度条的进度更新量;
通过所述进度激活区域将所述进度数据对应的动画特效事件分发至所述进度特效分组盒,得到激活后的进度条尺寸;
由所述进度激活区域将所述进度条尺寸返回至所述进度滑动区域,得到所述进度值对应的所述进度展示长度。
4.根据权利要求3所述的方法,其特征在于,所述由所述进度激活区域将所述进度条尺寸返回至所述进度滑动区域,得到所述进度值对应的所述进度展示长度,包括:
通过所述进度滑动区域获取激活后的所述进度条尺寸;
通过预设长度获取方法获取与所述进度条尺寸对应的所述进度展示长度。
5.根据权利要求3所述的方法,其特征在于,所述进度特效分组盒中包括至少一个特效单元边界,所述特效单元边界用于对进度特效分组盒中的特效进行分组;
所述通过所述进度激活区域将所述进度数据对应的动画特效事件分发至所述进度特效分组盒,得到激活后的进度条尺寸,包括:
将所述动画特效事件分发至所述特效单元边界;
通过所述特效单元边界确定特效播放的播放结果;
将所述播放结果返回至所述进度特效分组盒,得到激活后的所述进度条尺寸。
6.根据权利要求5所述的方法,其特征在于,所述特效单元边界中包括特效单元内容空间,所述特效单元内容空间中包括特效图像;
所述通过所述特效单元边界确定特效播放的播放结果,包括:
响应于所述特效单元边界需要触发特效播放,由所述特效单元内容空间调用所述特效图像进行特效播放,得到播放结果;
将所述播放结果返回至所述特效单元内容空间;
由所述特效单元内容空间将所述播放结果返回至所述特效单元边界。
7.根据权利要求3至6任一所述的方法,其特征在于,所述述进度滑动区域与所述进度激活区域之间包括中间区域层,所述中间区域层用于超出所述进度滑动区域容纳所述进度激活区域;
所述...
【专利技术属性】
技术研发人员:陈文源,
申请(专利权)人:腾讯科技深圳有限公司,
类型:发明
国别省市:广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。