CN108279956A - 进度指示方法及进度指示装置 - Google Patents
进度指示方法及进度指示装置 Download PDFInfo
- Publication number
- CN108279956A CN108279956A CN201710001020.4A CN201710001020A CN108279956A CN 108279956 A CN108279956 A CN 108279956A CN 201710001020 A CN201710001020 A CN 201710001020A CN 108279956 A CN108279956 A CN 108279956A
- Authority
- CN
- China
- Prior art keywords
- progress
- scatterplot
- strip area
- region
- radius
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/32—Monitoring 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示意性示出本公开示例性实施例中一种进度指示装置图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本公开将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本公开的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而没有所述特定细节中的一个或更多,或者可以采用其它的方法、组元、材料、装置、步骤等。在其它情况下,不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免模糊本公开的各方面。
本示例实施方式中首先提供了一种进度指示方法,可以应用于进度显示系统,该进度显示系统例如可以由后台系统和显示系统组成,其中后台系统可以通过接收查询请求并查询目前任务的执行进度;显示系统可以用于显示接收到的后台系统查询的任务执行进度并用进度条或者其他方式将目前任务执行进度显示出来。举例而言,进度指示方法可以应用于网页加载、文件转移、游戏加载或各种软件安装、卸载、更新中。参考图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盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、电子设备、或者网络设备等)执行根据本发明实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限。
Claims (12)
1.一种进度指示方法,其特征在于,包括:
提供一进度条区域并在所述进度条区域内生成多个散点;
获取当前进度值,并根据所述当前进度值将所述进度条区域分为已完成区域和未完成区域;
清除所述已完成区域内的散点并保留所述未完成区域的散点。
2.根据权利要求1所述的进度指示方法,其特征在于,所述进度条区域呈扇形,所述进度指示方法还包括:
根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
3.根据权利要求1所述的进度指示方法,其特征在于,根据所述进度条区域内与所述进度条区域圆心对应的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径以及三角函数计算所述散点的坐标。
4.根据权利要求3所述的进度指示方法,其特征在于,将根据所述任意极角和所述随机半径计算生成的所述散点的坐标在所述进度条区域内随机偏移。
5.根据权利要求1所述的进度指示方法,其特征在于,所述方法还包括:
判断所述进度条区域内是否存在所述散点,当所述进度条区域内不存在所述散点时,生成所述多个散点。
6.根据权利要求1所述的进度指示方法,其特征在于,所述方法还包括:
设置一游标,根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
7.根据权利要求1所述的进度指示方法,其特征在于,所述方法还包括:
控制所述多个散点随机动态闪烁。
8.一种进度指示装置,其特征在于,包括:
进度条模块,用于设置进度条区域并基于所述进度条区域生成多个散点;
区域划分模块,用于基于一当前进度值将所述进度条区域分成已完成区域和未完成区域;
散点模块,用于清除所述已完成区域内的散点并保留所述未完成区域的散点。
9.根据权利要求8所述的进度指示装置,其特征在于,所述进度指示装置还包括:
游标设置模块,用于设置一游标并根据所述当前进度值计算所述游标的位置以及偏转角度,以此表示所述已完成区域的结束点。
10.根据权利要求8所述的进度指示装置,其特征在于,所述进度条区域为扇形,所述进度指示装置还包括:
弧线绘制模块,用于根据所述当前进度值,在所述进度条区域内绘制与所述进度条区域同圆心的一弧线,所述弧线的半径是所述进度条区域的外侧半径和内侧半径的均值;
弧线显示模块,用于将所述弧线在所述已完成区域的部分设置为不透明,在所述未完成区域的部分设置为半透明。
11.根据权利要求8所述的进度指示装置,其特征在于,所述散点模块还包括:
散点判断模块,用于判断所述进度条区域内是否存在所述散点;
散点生成模块,用于在判断出所述进度条区域内不存在所述散点时,生成所述多个散点;若所述进度条区域内存在所述散点,则不生成。
12.根据权利要求8所述的进度指示装置,其特征在于,所述进度指示装置还包括:
散点的坐标计算模块,用于根据所述进度条区域内与所述进度条区域内圆心的任意极角和大小介于所述进度条区域的外侧半径和内侧半径之间的随机半径以及三角函数计算所述散点的坐标。
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 true CN108279956A (zh) | 2018-07-13 |
CN108279956B 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) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112330773A (zh) * | 2020-11-30 | 2021-02-05 | 广州博冠信息科技有限公司 | 倒计时图像的生成方法、装置、电子设备及计算机介质 |
CN114924821A (zh) * | 2022-05-19 | 2022-08-19 | 安天科技集团股份有限公司 | 环形进度条的显示方法、装置、电子设备及存储介质 |
CN116664734A (zh) * | 2022-10-19 | 2023-08-29 | 荣耀终端有限公司 | 环形图的显示方法、电子设备及可读存储介质 |
CN118094045A (zh) * | 2024-02-26 | 2024-05-28 | 浙江睿潮数字技术有限公司 | 一种网页进度反馈方法及系统 |
Citations (3)
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 | 上海天脉聚源文化传媒有限公司 | 一种直播流的处理方法及装置 |
-
2017
- 2017-01-03 CN CN201710001020.4A patent/CN108279956B/zh active Active
Patent Citations (3)
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 | 上海天脉聚源文化传媒有限公司 | 一种直播流的处理方法及装置 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112330773A (zh) * | 2020-11-30 | 2021-02-05 | 广州博冠信息科技有限公司 | 倒计时图像的生成方法、装置、电子设备及计算机介质 |
CN114924821A (zh) * | 2022-05-19 | 2022-08-19 | 安天科技集团股份有限公司 | 环形进度条的显示方法、装置、电子设备及存储介质 |
CN114924821B (zh) * | 2022-05-19 | 2023-09-05 | 安天科技集团股份有限公司 | 环形进度条的显示方法、装置、电子设备及存储介质 |
CN116664734A (zh) * | 2022-10-19 | 2023-08-29 | 荣耀终端有限公司 | 环形图的显示方法、电子设备及可读存储介质 |
CN116664734B (zh) * | 2022-10-19 | 2024-05-07 | 荣耀终端有限公司 | 环形图的显示方法、电子设备及可读存储介质 |
CN118094045A (zh) * | 2024-02-26 | 2024-05-28 | 浙江睿潮数字技术有限公司 | 一种网页进度反馈方法及系统 |
CN118094045B (zh) * | 2024-02-26 | 2024-09-06 | 浙江睿潮数字技术有限公司 | 一种网页进度反馈方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN108279956B (zh) | 2021-03-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108279956A (zh) | 进度指示方法及进度指示装置 | |
CN103544253B (zh) | 一种以瀑布流方式显示图片的实现方法及系统 | |
JP2004070956A5 (zh) | ||
CN103530117A (zh) | 一种适配移动终端不同尺寸屏幕的方法及装置 | |
CN103136089A (zh) | 一种进度条显示方法和装置 | |
CN104778735B (zh) | 一种基于不规则图形的动画生成方法和装置 | |
CN104932660B (zh) | 一种电子设备及控制电子设备的方法 | |
CN109240778A (zh) | 一种应用展示方法、装置、终端及可读存储介质 | |
CN111773707A (zh) | 一种渲染处理的方法及装置、电子设备、存储介质 | |
US10558499B2 (en) | Wave creation control with dynamic resource allocation | |
CN113760512A (zh) | 仿真模型的执行方法及装置、存储介质及电子设备 | |
CN108133506A (zh) | 实现线条动态效果的方法、装置及系统 | |
CN109358960A (zh) | 一种任务分发方法、系统、设备及计算机可读存储介质 | |
CN104182141B (zh) | 一种信息处理方法及电子设备 | |
CN109189537B (zh) | 页面信息的动态显示方法、计算设备及计算机存储介质 | |
CN109522532A (zh) | 一种折线图框选范围的计算方法及装置 | |
WO2010012768A1 (en) | Method and system for adjusting a virtual display device | |
CN109164968A (zh) | 基于列表的交互方法以及装置 | |
CN111210486B (zh) | 一种用于实现流光效果的方法和装置 | |
CN105678828A (zh) | 一种创建过渡动画的方法及装置 | |
CN104216818A (zh) | 一种计算机处理进度的显示控制方法及装置 | |
CN103338159B (zh) | 轮询调度实现方法和装置 | |
CN102707917B (zh) | 一种高维数据可视化方法及装置 | |
CN112083865B (zh) | 图像生成方法和装置、终端和可读存储介质 | |
CN110020114A (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 |