CN108279956B - 进度指示方法及进度指示装置、存储介质、电子设备 - Google Patents

进度指示方法及进度指示装置、存储介质、电子设备 Download PDF

Info

Publication number
CN108279956B
CN108279956B CN201710001020.4A CN201710001020A CN108279956B CN 108279956 B CN108279956 B CN 108279956B CN 201710001020 A CN201710001020 A CN 201710001020A CN 108279956 B CN108279956 B CN 108279956B
Authority
CN
China
Prior art keywords
progress
area
progress bar
region
scattered
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710001020.4A
Other languages
English (en)
Other versions
CN108279956A (zh
Inventor
胡锋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201710001020.4A priority Critical patent/CN108279956B/zh
Publication of CN108279956A publication Critical patent/CN108279956A/zh
Application granted granted Critical
Publication of CN108279956B publication Critical patent/CN108279956B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/30Monitoring
    • G06F11/32Monitoring with visual or acoustical indication of the functioning of the machine

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Quality & Reliability (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Electrophonic Musical Instruments (AREA)

Abstract

本公开涉及一种进度指示方法及进度指示装置、存储介质、电子设备。该进度指示方法包括:提供一进度条区域并在所述进度条区域内生成多个散点;获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;清除所述已完成区域内的散点并保留所述未完成区域的散点。本公开能够提高用户的体验感,提高进度指示性能。

Description

进度指示方法及进度指示装置、存储介质、电子设备
技术领域
本技术涉及计算机技术领域,尤其涉及一种进度指示方法以及一种进度指示装置、计算机可读存储介质、电子设备。
背景技术
在计算机技术领域中,为了表达某个任务的执行进度,例如展示某一软件运行的进度值、网页加载的进度或者是文件的移动进度,会采用进度条的方式实时的以图片形式进行进度指示。对于网页加载任务来说,进度条一般会提供给用户两种反馈信息:一种表示当前网页正在加载数据;另一种表示网页加载的进度百分比。
在移动端App(如iOS、Android)中,进度条是一个使用频率很高的控件。进度条可以有很多种形式,例如条形、圆形或者是任意形状的图案。现有的进度条显示技术中,一般都利用长方形条形控件显示进度值,通过条形图像向某一方向增长的方式表示任务执行进度的增加。用户对进度条的改变也只是简单的改变形状和颜色,这种进度条控件虽然简单方便,但是显示方式比较单一,美观度较低,从而导致用户体验感较差;另外,随着进度值的增加,条形控件图像也会随之增长,因此会占用较大的屏幕空间,从而挤占了其它控件的屏幕空间,间接影响了其他控件的使用,导致屏幕空间利用率较低。
因此,有必要针对背景技术中现有的进度条显示方式的单一、美观度不高而导致用户体验感差,以及屏幕空间利用率较低的问题,提供一种进度指示方法,提高用户体验感并且充分利用屏幕空间,提高进度指示性能。
需要说明的是,上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种进度指示方法及进度指示装置、计算机可读存储介质、电子设备,进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的一个或者多个问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开的第一方面,提供一种进度指示方法,包括:
提供一进度条区域并在所述进度条区域内生成多个散点;
获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;
清除所述已完成区域内的散点并保留所述未完成区域的散点。
在本公开的一种示例性实施例中,所述进度条区域呈扇形,所述进度指示方法还包括:
根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
在本公开的一种示例性实施例中,所述进度指示方法还包括:
根据所述进度条区域内与所述进度条区域圆心对应的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径以及三角函数计算所述散点的坐标。
在本公开的一种示例性实施例中,所述进度指示方法还包括:
将根据所述任意极角和所述随机半径计算生成的所述散点的坐标在所述进度条区域内随机偏移。
在本公开的一种示例性实施例中,所述进度指示方法还包括:
判断所述进度条区域内是否存在所述散点,当所述进度条区域内不存在所述散点时,生成所述多个散点。
在本公开的一种示例性实施例中,所述进度指示方法还包括:
设置一游标,根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
在本公开的一种示例性实施例中,所述进度指示方法还包括:
控制所述多个散点随机动态闪烁。
根据本公开的第二方面,提供一种进度指示装置,包括:
进度条模块,用于设置进度条区域并基于所述进度条区域生成多个散点;
区域划分模块,用于基于一当前进度值将所述进度条区域分成已完成区域和未完成区域;
散点模块,用于清除所述已完成区域内的散点并保留所述未完成区域的散点。
在本公开的一种示例性实施例中,所述进度指示装置还包括:
游标设置模块,用于设置一游标并根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
在本公开的一种示例性实施例中,所述进度条区域呈扇形,所述进度指示装置还包括:
弧线绘制模块,用于根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
弧线显示模块,用于将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
在本公开的一种示例性实施例中,所述进度指示装置还包括:
散点判断模块,用于判断所述进度条区域内是否存在所述散点;
散点生成模块,用于在判断出所述进度条区域内不存在所述散点时,生成所述多个散点;若所述进度条区域内存在所述散点,则不生成。
在本公开的一种示例性实施例中,所述进度指示装置还包括:
散点的坐标计算模块,用于根据所述进度条区域内与所述进度条区域内圆心的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径以及三角函数计算所述散点的坐标。
根据本公开的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项所述的进度指示方法。
根据本公开的第四方面,提供一种电子设备,包括:
处理器;
以及存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行上述任一项所述的进度指示方法。
本公开的一种实施例所提供的进度指示方法中,通过提供一进度条区域并在所述进度条区域内生成多个散点;获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;清除所述已完成区域内的散点并保留所述未完成区域的散点,使得进度指示更加直观。同时,本公开一方面通过进度条的已完成区域显示当前进度值,并且清除已完成区域的散点而让未完成区域的散点保持随机动态闪烁,提供更直接、更美观的进度指示效果,在使用时还可以对进度条的颜色、形状、以及散点的形状、颜色、数量、闪烁的速率等部分进行修改,简单方便且大幅度提升了用户体验感;另一方面,将进度条区域用扇形区域来表示,当进度值增长时不会占用较大的屏幕空间,因此避免了条形进度条控件由于挤占了其他控件的空间而导致屏幕空间利用率较低的问题,提高进度指示性能。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
通过参照附图来详细描述其示例实施例,本公开的上述和其它特征及优点将变得更加明显。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1示意性示出本公开示例性实施例中一种进度指示方法的流程图;
图2示意性示出本公开示例性实施例中一种进度指示方法的运行流程图;
图3示意性示出本公开示例性实施例中根据极坐标生成散点过程示意图;
图4示意性示出本公开示例性实施例中一种进度指示装置图;
图5示意性示出本公开示例性实施例中电子设备示例图;
图6示意性示出一种计算机可读存储介质的示意图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本公开将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本公开的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而没有所述特定细节中的一个或更多,或者可以采用其它的方法、组元、材料、装置、步骤等。在其它情况下,不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免模糊本公开的各方面。
本示例实施方式中首先提供了一种进度指示方法,可以应用于进度显示系统,该进度显示系统例如可以由后台系统和显示系统组成,其中后台系统可以通过接收查询请求并查询目前任务的执行进度;显示系统可以用于显示接收到的后台系统查询的任务执行进度并用进度条或者其他方式将目前任务执行进度显示出来。举例而言,进度指示方法可以应用于网页加载、文件转移、游戏加载或各种软件安装、卸载、更新中。参考图1中所示,所述进度指示方法可以包括以下步骤:
步骤S1.提供一进度条区域并在所述进度条区域内生成多个散点;
步骤S2.获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;
步骤S3.清除所述已完成区域内的散点并保留所述未完成区域的散点。
本示例实施方式所提供的进度指示方法中,一方面通过进度条的已完成区域显示进度值,并且清除已完成区域的散点而让未完成区域的散点保持随机动态闪烁,提供更直观、更美观的进度指示效果,在使用时还可以对进度条的颜色、形状、以及散点的形状、颜色、数量、闪烁的速率等部分进行修改,因此大幅度提升了用户体验感;另一方面,将进度条区域用扇形区域来表示,当进度值增长时,进度条控件的增长不会占用较大的屏幕空间,因此避免了条形进度条由于挤占了其它控件的空间,而导致屏幕空间利用率较低的问题,提高进度指示性能。
下面,将结合图1和图2对本示例实施方式中的进度指示方法的各个步骤进行更详细的说明。
在步骤S1中,提供一进度条区域并在所述进度条区域内生成多个散点。
本示例实施方式中,上述进度条区域指的是进度条的总长度所在的区域,进度条区域可以是半圆、3/4圆或者是任意角度大小的扇形区域。进度条是有一定宽度的闭合或者半闭合弧形,因此进度条的两条弧线边缘分别为进度条区域的内侧半径和外侧半径。在进度条区域生成的多个散点的形状可以是圆形、方形、以及任意形状且散点可大可小,即不一定要将所有的散点设置成同样的形状、同样的大小,并且生成的散点随机分布在上述进度条区域内。
在步骤S2中,获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域。
本示例实施方式中,当前进度值是指当前进度的百分比,即已完成区域占进度条区域的比值progress。根据已经获取的progress的值,将进度条区域分成已完成区域和未完成区域。比值progress在实际应用中可以是数量比、长度比等任意一种比值,但是在用弧形进度条表示时,比值progress只能通过已完成区域的面积与进度条区域面积的比值来计算。例如,在一网页加载过程中,进度条区域为扇形,系统获取的当前进度值为31%,则表示已完成加载的任务的区域面积占总任务区域面积的31%,未完成加载的任务的区域面积占总任务区域面积的69%。
本示例实施方式中,记进度条的起始角度为startAngle,结束角度为endAngle,对应的进度条区域角度为endAngle-startAngle。根据进度值的定义,已完成区域角度占进度条区域角度的比值progress=已完成区域角度/进度条区域角度,已完成区域的角度范围就可以表示为[startAngle,startAngle+(endAngle-startAngle)*progress];由于进度条区域分为已完成区域和未完成区域两部分,因此未完成区域的起始角度就是已完成区域的结束角度,剩余的未完成区域的角度范围可以表示为以下形式:[startAngle+(endAngle-startAngle)*progress,endAngle]。
在步骤S3中,清除所述已完成区域内的散点并保留所述未完成区域的散点。
本示例实施方式中,进度条区域内随机分布着多个散点,根据获取的当前进度值,将进度条区域分为已完成区域和未完成区域,同时对应的清除掉分布在已完成区域的散点而保留分布在未完成区域的散点。当进度值增加时,原本未完成区域有一部分变为已完成区域,因此也需要清除这部分区域对应的散点。在进度条区域生成散点时,记进度条起始角度为startAngle,进度条结束角度为endAngle,每一个散点都有自己所对应的角度angle。由步骤S2中计算的区域角度范围结果得知,已完成区域的最大角度值可以表示为:startAngle+(endAngle-startAngle)*progress。为了清除已完成区域的散点,可以通过对角度进行循环,对角度满足已完成区域的角度条件的散点进行清除,也就是说将对应已完成区域的满足angle<=startAngle+(endAngle-startAngle)*progress条件内的散点清除,对角度满足angle>=startAngle+(endAngle-startAngle)*progress条件范围内的散点不执行清除操作,这样就可以清除已完成区域的散点而保留未完成区域的散点。例如,进度条区域为半圆形区域,进度条起始角度为0°,进度条结束角度为180°,每一个散点都有自己所对应的角度angle。目前进度值为25%,则根据步骤S2可知,已完成区域的角度范围是[0°,45°],这时应该对angle<=45°角度范围内的散点进行清除,同时保持剩余[45°,180°]角度范围内的散点不变。对同一个进度条区域,在进度值增加到50%时,已完成区域的角度范围变化为[0°,90°],对angle<=90°角度范围内的散点进行清除同时保持[90°,180°]范围内的散点不变。进度值由25%增加到50%时,已完成区域的角度范围对应的由[0°,45°]变为[0°,90°],增加了[45°,90°]这一部分区域。在进度值为25%时,这一部分是未完成区域,当进度值增加到50%时,这一部分变化成已完成区域,随着进度值的增加,已完成区域相对应的增加,原本的未完成区域会转化成对应的已完成区域,因此也要清除对应增加已完成区域内的散点。
此外,本示例实施方式中,所述进度条区域呈扇形,上述的进度指示方法还可以包括:
根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
本示例实施方式中,进度条区域可以是例如半圆大小、3/4圆大小或者是任圆大小的扇形区域,进度条的角度区域可以是[0°,180°]、或者是[0°,240°]等任意角度区域。进度条区域的具体样式根据具体的开发进行设置。在进度条区域内绘制弧线时,根据当前进度值progress,以进度条区域的圆心为圆心,以进度条区域的外侧半径和内侧半径的平均值为半径绘制一条弧线。记圆心坐标为(centerX,centerY),弧线的半径为radius,散点离弧线距离为deltaRadius,进度条区域的内侧半径R和外侧半径R,则radius=(R+R)/2,根据弧线半径radius和散点离弧线的距离deltaRadius可以确定进度条区域的内侧半径radius-deltaRadius和外侧半径radius+deltaRadius。
对于与进度条区域圆心对应的任意一个角度的任意一个散点的坐标,当与进度条区域圆心对应的散点的坐标的半径大小在进度条区域的内侧半径radius-deltaRadius和外侧半径radius+deltaRadius之间变化时,通过三角函数计算得到的散点的坐标都会在进度条区域的内侧半径radius-deltaRadius和外侧半径radius+deltaRadius之间,也就是说,生成的散点会分布在进度条区域内。
本示例实施方式中,根据当前进度值,在进度条区域内绘制与进度条区域同圆心,半径大小为进度条区域的外侧半径radius+deltaRadius和内侧半径radius-deltaRadius的均值的弧线。记进度条的起始角度为startAngle,结束角度为endAngle,根据步骤S1中的方法,确定已完成区域的角度范围[startAngle,startAngle+(endAngle-startAngle)*progress],并将在该角度范围内绘制的弧线设置成不透明弧线;由于根据进度值将进度条区域分为已完成区域和未完成区域两部分,因此未完成区域的起始角度就是已完成区域的结束角度,根据步骤S1中的方法,确定未完成区域的角度范围[startAngle+(endAngle-startAngle)*progress,endAngle],并将在该角度范围内绘制的弧线设置为半透明弧线。
本示例实施方式中,也可以将已完成区域和未完成区域用不同的颜色进行填充,或者是设置渐变色填充,或者是分别用不同的图案、文字等标记进行标识,不仅仅限于将已完成区域设置不透明,将未完成区域设置半透明。
此外,本示例实施方式中,上述的进度指示方法还可以包括:
根据所述进度条区域内与所述进度条区域圆心对应的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径以及三角函数计算所述散点的坐标。
本示例实施方式中,由于已经证实根据与进度条区域圆心对应的任意角度和大小在进度条内侧半径radius-deltaRadius和外侧半径radius+deltaRadius之间的任意半径计算得到的散点都会分布在进度条区域,因此可以在半径大小在进度条内侧半径radius-deltaRadius和外侧半径radius+deltaRadius之间取一随机半径randomRadius和与进度条区域圆心对应的一任意极角α时,根据三角函数计算得到的散点的坐标为:[centerX-randomRadius*cos(α),centerY+randomRadius*sin(α)]。
其中,(centerX,centerY)为圆心坐标,randomRadius为随机半径且randomRadius的大小在[radius-deltaRadius,radius+deltaRadius]之间变化。
此外,本示例实施方式中,上述的进度指示方法还可以包括:
将根据所述任意极角和所述随机半径计算生成的所述散点的坐标在所述进度条区域内随机偏移。
本示例实施方式中,可以对每一个角度上生成的散点个数进行随机,并将生成的散点的坐标在进度条区域内进行一定的位置随机偏移,例如取每一个角度上生成的所有点的其中几个并且对生成的散点的坐标进行定量或者不定量的加减,这样可以使得到的散点分布更散乱,更自然。
此外,本示例实施方式中,上述的进度指示方法还可以包括:
判断所述进度条区域内是否存在所述散点,当所述进度条区域内不存在所述散点时,生成所述多个散点。
本示例实施方式中,首先通过一循环对进度条区域的散点个数进行检测,判断进度条区域内是否存在多个散点;当判断出进度条区域内不存在散点时,需要在进度条区域内,根据与进度条区域圆心对应的一任意极角α和大小在进度条内侧半径radius-deltaRadius与进度条外侧半径radius+deltaRadius之间的半径以及三角函数关系生成多个散点,并将生成的散点的坐标在进度条区域内进行一定的随机偏移,使得到的散点分布更散乱,更自然;然后再清除已完成区域内生成的散点同时保留未完成区域的散点;当判断出进度条区域内存在散点时,可以直接清除已完成区域的散点并保留未完成区域的散点。
此外,本示例实施方式中,上述的进度指示方法还可以包括:
设置一游标,根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
本示例实施方式中,游标的中心点位置坐标(X,Y)表示的是已完成区域的结束点,可以用于更清楚地区分已完成区域和未完成区域,游标滑动过的区域表示的是已完成区域,游标尚未滑过的区域表示未完成区域,游标可以是任意形状的任意图形。根据步骤S2中获取的已完成区域的角度范围[startAngle,startAngle+(endAngle-startAngle)*progress]和绘制的与进度条区域同圆心的弧线半径radius以及三角函数关系计算的游标坐标为:X=centerX-radius*cos(startAngle+(endAngle-startAngle)*progress;Y=centerY+radius*sin(startAngle+(endAngle-startAngle)*progress。
例如进度条区域为半圆形区域,圆心坐标为(0,0),进度条起始角度为0°,进度条区域角度范围是[0°,180°]。在当前进度值为25%时,对应的已完成区域的角度范围是[0°,45°],那么计算得到的游标的坐标为[-radius*cos45°,radius*sin45°]。
此外,本示例实施方式中,上述的进度指示方法还可以包括:控制所述多个散点随机动态闪烁。
本示例实施方式中,在进度条区域内生成的多个散点随机分布,散点的位置坐标可以在进度条区域内进行随机偏移,在清除掉已完成区域的散点后,可以启动未完成区域保留的散点的透明度动画,达到所有散点都闪烁的效果。在控制所有散点闪烁的过程中,通过随机调整散点透明度动画的执行时间的长短改变各个散点的变化速率,以使最终显现的进度指示效果更加美观。
在启动透明度动画过程中,可以首先设置完全不透明和半透明的浮点型取值以及动画持续时间等参数,再通过xml文件定义预定的动画效果,达到所有散点都随机闪烁任意时长的效果,使显现效果更加美观。
上述弧线的绘制、进度条区域的划分、散点的生成与消除、散点的动态闪烁以及透明度设置、颜色的填充,都可以通过循环实现。
在本公开的示例实施例中,还公开了一种进度指示装置。参照图4所示,该进度指示装置400可以包括:进度条模块410、区域划分模块420、散点模块430。其中:
进度条模块,可以用于设置进度条区域并基于所述进度条区域生成多个散点;
区域划分模块,可以用于基于一当前进度值将所述进度条区域分成已完成区域和未完成区域;
散点模块,可以用于清除所述已完成区域内的散点并保留所述未完成区域的散点。
在本公开的一种示例性实施例中,所述进度指示装置400还包括:
游标设置模块,可以用于设置一游标并根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
在本公开的一种示例性实施例中,所述进度条区域为扇形,所述进度指示装置400还包括:
弧线绘制模块,可以用于根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
弧线显示模块,可以用于将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
在本公开的一种示例性实施例中,所述散点模块430还包括:
散点判断模块,可以用于判断所述进度条区域内是否存在所述散点;
散点生成模块,可以用于在判断出所述进度条区域内不存在所述散点时,生成所述多个散点;若所述进度条区域内存在所述散点,则不生成。
在本公开的一种示例性实施例中,所述进度指示装置400还包括:
散点的坐标计算模块,可以用于根据所述进度条区域内与所述进度条区域内圆心的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径以及三角函数计算所述散点的坐标。
上述各进度指示装置的具体细节已经在对应的进度指示方法中进行了详细的描述,因此此处不再赘述。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外,尽管在附图中以特定顺序描述了本公开中方法的各个步骤,但是,这并非要求或者暗示必须按照该特定顺序来执行这些步骤,或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的,可以省略某些步骤,将多个步骤合并为一个步骤执行,以及/或者将一个步骤分解为多个步骤执行等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本发明实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、电子设备、或者网络设备等)执行根据本发明实施方式的方法。
在本公开的示例性实施例中,还提供了一种能够实现上述方法的电子设备。
所属技术领域的技术人员能够理解,本发明的各个方面可以实现为系统、方法或程序产品。因此,本发明的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系统”。
下面参照图5来描述根据本发明的这种实施方式的电子设备500。图5显示的电子设备500仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图5所示,电子设备500以通用计算设备的形式表现。电子设备500的组件可以包括但不限于:上述至少一个处理单元510、上述至少一个存储单元520、连接不同系统组件(包括存储单元520和处理单元510)的总线530。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元510执行,使得所述处理单元510执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如,所述处理单元510可以执行如图1中所示的步骤:步骤S1.提供一进度条区域并在所述进度条区域内生成多个散点;步骤S2.获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;步骤S3.清除所述已完成区域内的散点并保留所述未完成区域的散点。
存储单元520可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)5201和/或高速缓存存储单元5202,还可以进一步包括只读存储单元(ROM)5203。
存储单元520还可以包括具有一组(至少一个)程序模块5205的程序/实用工具5204,这样的程序模块5205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线530可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备500也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备500交互的设备通信,和/或与使得该电子设备500能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口550进行。并且,电子设备500还可以通过网络适配器560与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器560通过总线530与电子设备500的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备500使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。
在本公开的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
参考图6所示,描述了根据本发明的实施方式的用于实现上述方法的程序产品600,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
此外,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。

Claims (12)

1.一种进度指示方法,其特征在于,包括:
提供一呈扇形的进度条区域并在所述进度条区域内生成多个散点,根据所述进度条区域内,与所述进度条区域圆心对应的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径,以及三角函数计算所述散点的坐标;每个散点对应一个角度;
获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;
清除角度满足所述已完成区域的角度条件的散点并保留角度满足所述未完成区域的角度条件的散点,随机调整散点透明度动画的执行时间以改变保留的散点的变化速率。
2.根据权利要求1所述的进度指示方法,其特征在于,所述进度指示方法还包括:
根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
3.根据权利要求1所述的进度指示方法,其特征在于,将根据所述任意极角和所述随机半径计算生成的所述散点的坐标在所述进度条区域内随机偏移。
4.根据权利要求1所述的进度指示方法,其特征在于,所述方法还包括:
判断所述进度条区域内是否存在所述散点,当所述进度条区域内不存在所述散点时,生成所述多个散点。
5.根据权利要求1所述的进度指示方法,其特征在于,所述方法还包括:
设置一游标,根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
6.根据权利要求1所述的进度指示方法,其特征在于,所述方法还包括:
控制所述多个散点随机动态闪烁。
7.一种进度指示装置,其特征在于,包括:
进度条模块,用于提供一呈扇形的进度条区域并在所述进度条区域内生成多个散点,根据所述进度条区域内,与所述进度条区域圆心对应的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径,以及三角函数计算所述散点的坐标;每个散点对应一个角度;
区域划分模块,用于获取当前进度值,并基于一当前进度值将所述进度条区域分成已完成区域和未完成区域;
散点模块,用于清除角度满足所述已完成区域的角度条件的散点并保留角度满足所述未完成区域的角度条件的散点,随机调整散点透明度动画的执行时间以改变保留的散点的变化速率。
8.根据权利要求7所述的进度指示装置,其特征在于,所述进度指示装置还包括:
游标设置模块,用于设置一游标并根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
9.根据权利要求7所述的进度指示装置,其特征在于,所述进度条区域为扇形,所述进度指示装置还包括:
弧线绘制模块,用于根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
弧线显示模块,用于将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
10.根据权利要求7所述的进度指示装置,其特征在于,所述散点模块还包括:
散点判断模块,用于判断所述进度条区域内是否存在所述散点;
散点生成模块,用于在判断出所述进度条区域内不存在所述散点时,生成所述多个散点;若所述进度条区域内存在所述散点,则不生成。
11.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-6任一项所述的进度指示方法。
12.一种电子设备,其特征在于,包括:
处理器;
以及存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-6任一项所述的进度指示方法。
CN201710001020.4A 2017-01-03 2017-01-03 进度指示方法及进度指示装置、存储介质、电子设备 Active CN108279956B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710001020.4A CN108279956B (zh) 2017-01-03 2017-01-03 进度指示方法及进度指示装置、存储介质、电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710001020.4A CN108279956B (zh) 2017-01-03 2017-01-03 进度指示方法及进度指示装置、存储介质、电子设备

Publications (2)

Publication Number Publication Date
CN108279956A CN108279956A (zh) 2018-07-13
CN108279956B true CN108279956B (zh) 2021-03-30

Family

ID=62800361

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710001020.4A Active CN108279956B (zh) 2017-01-03 2017-01-03 进度指示方法及进度指示装置、存储介质、电子设备

Country Status (1)

Country Link
CN (1) CN108279956B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112330773A (zh) * 2020-11-30 2021-02-05 广州博冠信息科技有限公司 倒计时图像的生成方法、装置、电子设备及计算机介质
CN114924821B (zh) * 2022-05-19 2023-09-05 安天科技集团股份有限公司 环形进度条的显示方法、装置、电子设备及存储介质
CN116664734B (zh) * 2022-10-19 2024-05-07 荣耀终端有限公司 环形图的显示方法、电子设备及可读存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101719375A (zh) * 2010-01-12 2010-06-02 深圳市同洲电子股份有限公司 一种定位音乐播放位置的方法及音乐播放器
CN102874119A (zh) * 2012-10-12 2013-01-16 上海德科电子仪表有限公司 薄膜晶体管液晶显示器上的虚拟表盘
CN104105004A (zh) * 2014-07-23 2014-10-15 上海天脉聚源文化传媒有限公司 一种直播流的处理方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101719375A (zh) * 2010-01-12 2010-06-02 深圳市同洲电子股份有限公司 一种定位音乐播放位置的方法及音乐播放器
CN102874119A (zh) * 2012-10-12 2013-01-16 上海德科电子仪表有限公司 薄膜晶体管液晶显示器上的虚拟表盘
CN104105004A (zh) * 2014-07-23 2014-10-15 上海天脉聚源文化传媒有限公司 一种直播流的处理方法及装置

Also Published As

Publication number Publication date
CN108279956A (zh) 2018-07-13

Similar Documents

Publication Publication Date Title
CN103198516B (zh) 动态图形界面阴影
CN108037888B (zh) 技能控制方法、装置、电子设备及存储介质
CN105741334B (zh) 热力图提供方法及装置
US20140098142A1 (en) System and method for generation and manipulation of a curve in a dynamic graph based on user input
CN109939440A (zh) 三维游戏地图的生成方法、装置、处理器及终端
US20160092080A1 (en) Touch interface for precise rotation of an object
CN109448137B (zh) 交互方法、交互装置、电子设备及存储介质
CN108279956B (zh) 进度指示方法及进度指示装置、存储介质、电子设备
CN103677828A (zh) 一种图层绘制方法、绘图引擎及终端设备
CN108211350B (zh) 信息处理方法、电子设备及存储介质
CN109344352A (zh) 页面加载方法、装置及电子设备
CN105488833A (zh) 一种对2d控件实现3d转场动画的方法和装置
CN111190589A (zh) 一种可视化的编程方法及终端设备
CN110555900B (zh) 渲染指令的处理方法及装置、存储介质、电子设备
CN109509242B (zh) 虚拟对象面部表情生成方法及装置、存储介质、电子设备
CN111481923A (zh) 摇杆显示方法及装置、计算机存储介质、电子设备
CN110389702A (zh) 一种截图方法、装置和存储介质
CN109598672B (zh) 一种地图道路渲染方法及装置
CN109189537A (zh) 页面信息的动态显示方法、计算设备及计算机存储介质
WO2023134655A1 (zh) 操作方法、装置、电子设备和计算机可读存储介质
CN109493428B (zh) 三维虚拟模型的优化方法与装置、电子设备、存储介质
CN111198731A (zh) 一种界面实现方法、装置、电子设备和存储介质
CN114564268A (zh) 一种设备管理方法、装置、电子设备和存储介质
CN104216818A (zh) 一种计算机处理进度的显示控制方法及装置
CN105393214A (zh) 自我揭示符号性的手势

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant