应用进度处理方法及终端技术

本发明专利技术公开了一种应用进度处理方法及终端；方法包括：基于目标应用下载或者安装的进度，确定与所述进度相应的偏移角度；调用支持可缩放矢量图形的绘制工具，在待渲染图形区域中绘制正方形区域，在所述正方形区域的直角区域绘制圆角边框；在所述正方形区域内绘制形成对应所述偏移角度的封闭区域；对所述封闭区域进行渲染，得到表征所述目标应用下载或者安装的进度的圆角进度图形。实施本发明专利技术，能够高效实现应用的圆角进度的效果。

Application progress processing method and terminal

The invention discloses a processing method and application progress of terminal; methods include: application download or installation schedule based on the schedule, and determine the corresponding offset angle; called support vector graphics zoom tool to draw, draw the square area to be rendered in the graphics area, in the area of the square area of the right angle draw a rounded border; drawing closed region formed corresponding to the offset angle in the square area; the enclosed area for rendering, get progress characterizing the target application download or install the round angle progress graph. The invention can effectively realize the effect of the rounding progress of the application.

【技术实现步骤摘要】
应用进度处理方法及终端
本专利技术涉及通信领域的图形处理技术，尤其涉及一种应用进度处理方法及终端。
技术介绍
伴随移动互联网的飞速发展，终端如智能手机、平板电脑快速普及，终端中可供安装的应用也日益增多，涵盖娱乐、学习、工作等诸多方面，在终端的使用较为常见的一个场景是：下载并安装应用。提示下载以及安装进度的圆角进度图标在这一耗时的操作上给用户一个比较好的体验，可以实时向用户提醒下载以及安装的进度情况，不会让用户觉得在盲目等待，尤其是在用户同时下载多个应用并安装时(比如，批量更新)，用户需要了解应用的下载以及安装的进度，从而在安装完成后能够尽快使用应用。目前，圆角进度图标的实现方式，通常是在应用的图标上叠加渐变的动态的显示效果，来提示应用下载以及安装的进度，但是，对于采用一种简单高效的方式实现圆角进度的动画效果，相关技术尚无有效解决方案。
技术实现思路
本专利技术实施例提供一种应用进度处理方法及终端，能够高效实现圆角进度的效果。本专利技术实施例的技术方案是这样实现的：第一方面，本专利技术实施例提供一种应用进度处理方法，所述方法包括：基于目标应用下载或者安装的进度，确定与所述进度相应的偏移角度；调用支持可缩放矢量图形的绘制工具，在待渲染图形区域中绘制正方形区域，在所述正方形区域的直角区域绘制圆角边框；在所述正方形区域内绘制形成对应所述偏移角度的封闭区域；对所述封闭区域进行渲染，得到表征所述目标应用下载或者安装的进度的圆角进度图形。第二方面，本专利技术实施例提供一种终端，所述终端包括：偏移角度确定单元，用于基于目标应用下载或者安装的进度，确定与所述进度相应的偏移角度；圆角边框绘制单元，用于调用支持可缩放矢量图形的绘制工具，在待渲染图形区域中绘制正方形区域，在所述正方形区域的直角区域绘制圆角边框；封闭区域绘制单元，用于调用支持可缩放矢量图形的绘制工具在所述正方形区域内绘制形成对应所述偏移角度的封闭区域；渲染单元，用于对所述封闭区域进行渲染，得到表征所述目标应用下载或者安装的进度的圆角进度图形。第三方面，本专利技术实施例提供一种终端，所述终端包括处理器和存储介质；所述存储介质中存储有可执行指令，所述可执行指令用于执行本专利技术实施例提供的应用进度处理方法。本专利技术实施例具有以下有益效果：1)使用可缩放矢量图形的绘制工具，例如SVG路径命令，或者CanvasAPI来绘制圆角进度绘制圆角边框以及与进度对应的封闭区域，由于SVG图形在缩放时具有任意缩放而不失真的特点，因此表征渲染时圆角进度的清晰的视觉效果。2)可缩放矢量图形的绘制工具本身支持边框的圆角属性的设置，因此可以根据需要任意设置边框半径并高效绘制边框的圆角，避免了使用已有的hack方法模拟绘制导致的效率低的问题。附图说明图1是本专利技术实施例提供的圆角进度图标的一个可选的显示示意图；图2是本专利技术实施例提供的圆角进度图标表征不同下载进度的一个可选的显示示意图；图3是本专利技术实施例提供的终端的一个可选的硬件结构示意图；图4是本专利技术实施例提供的绘制圆角进度图形的一个可选的流程示意图；图5是本专利技术实施例提供的绘制圆角边框的一个可选的示意图；图6是本专利技术实施例提供的从中心点绘制直线到扇形起点的一个可选的示意图；图7是本专利技术实施例提供的绘制弧形的一个可选的示意图；图8是本专利技术实施例提供的绘制弧形的一个可选的示意图；图9是本专利技术实施例提供的圆角进度图形的一个可选的示意图；图10是本专利技术实施例提供的绘制圆角进度图形的一个可选的流程示意图；图11至图14是本专利技术实施例提供的不同偏移角度的圆角进度图形的可选的示意图；图15是本专利技术实施例提供的绘制圆角进度图形的一个可选的流程示意图；图16是本专利技术实施例提供的绘制圆角进度图形的一个可选的流程示意图；图17是本专利技术实施例提供的绘制圆角进度图形的五元数组的一个可选的示意图；图18是本专利技术实施例提供的终端的一个可选的功能结构示意图。具体实施方式以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所提供的实施例仅仅用以解释本专利技术，并不用于限定本专利技术。另外，以下所提供的实施例是用于实施本专利技术的部分实施例，而非提供实施本专利技术的全部实施例，在不冲突的情况下，本专利技术实施例记载的技术方案可以任意组合的方式实施。本专利技术实施例中涉及的名词和术语适用于如下的解释。1)动画，通过按时间序列逐帧绘制的图像，由于视觉暂留所呈现出的连续的动态的效果。2)可缩放矢量图形(SVG，ScalableVectorGraphics)，基于可扩展标记语言(标准通用标记语言(XML，eXtensibleMarkupLanguage)的子集，用于描述二维矢量图形的一种图形格式。SVG技术中预定义的形状有一些预定义的基本形状可操作，例如：矩形<rect>；圆形<circle>；线<line>；路径<path>。除了以上基本形状以外，SVG技术中还使用路径(path)命令绘制路径，路径由一系列的点规定，路径的形状可以是开放的(如线)或闭合的(如多边形)，并可以包含一条或多条线、曲线和线段等。常用的SVG路径命令包括：Z，闭合路径(closepath)，将路径的开始和结束点用直线连接；L，直线(lineTo)，当前坐标绘制一条直线到一个新坐标；M，移动到(moveTo)新的位置；A，ellipticalarc，当前坐标绘制椭圆弧到新坐标；O，到当前坐标绘制二次贝塞尔曲线到新坐标。3)超文本标记语言(HTML，HyperTextMark-upLanguage)，标准通用标记语言下的一个应用，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。4)层叠样式表(CSSCascadingStyleSheets)，用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS目前最新版本为CSS3，能够真正网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持所有的字体字号样式。5)自定义动画(animation)，CSS的复合属性，检索或设置对象所应用的动画特效，常用的参数有：动画的名字；整个动画的持续时间；运动方式(动画方式)的贝赛尔曲线；动画延迟执行的时间；动画循环执行的次数；动画循环方式：动画的最后状态等。6)HTML5画布(Canvas)应用程序接口(API)，提供与前述SVG路径命令类似的命令，支持在页面设定的画布中进行绘制操作。专利技术人在实施本专利技术的过程中发现，以终端中应用的图标为图1示出的圆角进度图标10为例，如果圆角进度图标利用HTML+CSS3自定义动画(animation)相结合的方式，能够实现图2中示出的提示不同进度(如下载进度、安装进度)的动画效果。但是，如果利用HTML+CSS3animation实现圆角进度图标的动画效果，由于CSS3无法直接绘制圆弧11，只能通过其它的hack的方法来模拟实现，其本质是将一套CSS逐步变化为另外一种CSS，导致实现过于复杂。专利技术人在实施本专利技术的过程中还发现，SVG技术虽然目前是应用于网页图像绘制的技术，但是SVG技术具有的以下优点可以使得SVG技术应用于终端中本文档来自技高网...

【技术保护点】
一种应用进度处理方法，其特征在于，所述方法包括：基于目标应用下载或者安装的进度，确定与所述进度相应的偏移角度；调用支持可缩放矢量图形的绘制工具，在待渲染图形区域中绘制正方形区域，在所述正方形区域的直角区域绘制圆角边框；在所述正方形区域内绘制形成对应所述偏移角度的封闭区域；对所述封闭区域进行渲染，得到表征所述目标应用下载或者安装的进度的圆角进度图形。

【技术特征摘要】
1.一种应用进度处理方法，其特征在于，所述方法包括：基于目标应用下载或者安装的进度，确定与所述进度相应的偏移角度；调用支持可缩放矢量图形的绘制工具，在待渲染图形区域中绘制正方形区域，在所述正方形区域的直角区域绘制圆角边框；在所述正方形区域内绘制形成对应所述偏移角度的封闭区域；对所述封闭区域进行渲染，得到表征所述目标应用下载或者安装的进度的圆角进度图形。2.根据权利要求1所述的方法，其特征在于，所述在所述正方形区域内绘制形成对应所述偏移角度的封闭区域，包括：调用支持可缩放矢量图形的绘制工具执行以下操作：从所述正方形的中心点绘制直线到扇形起点，在以所述中心点为圆心、以从所述中心点至所述扇形起点的距离为半径的圆形上，从所述扇形起点绘制弧线直至偏移所述扇形起点至偏移角度的扇形终点；所述半径大于或等于所述正方形区域对角线的二分之一；封闭从所述扇形终点至所述中心点，在所述正方形区域内形成对应所述偏移角度的封闭区域。3.根据权利要求2所述的方法，其特征在于，所述从所述扇形起点绘制弧线直至偏移所述扇形起点至偏移角度的扇形终点，包括：基于弧线方向标识所指示的顺时针方向或逆时针方向，从所述扇形起点沿相应的顺时针方向或逆时针方向绘制弧线，直至偏移所述扇形起点为预定的所述偏移角度的扇形终点。4.根据权利要求2所述的方法，其特征在于，所述对所述封闭区域进行渲染，包括：将对应所述偏移角度的封闭区域渲染透明度属性和/或颜色属性。5.根据权利要求1所述的方法，其特征在于，所述方法还包括：基于所述目标应用下载或者安装的更新的进度，确定新偏移角度；在所述正方形区域内绘制形成对应所述新偏移角度的封闭区域，使用所述新偏移角度的封闭区域刷新对应历史偏移角度的封闭区域。6.根据权利要求1所述的方法，其特征在于，所述方法还包括：将对应不同进度的所述偏移角度的圆角进度图形分别与所述目标应用的圆角图标合成，基于合成结果渲染形成表征所述目标应用的不同进度的圆角进度图标。7.一种终端，其特征在于，...

【专利技术属性】
技术研发人员：詹海亮，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44