环形图的显示方法、电子设备及可读存储介质技术

本申请公开了一种环形图的显示方法、电子设备及可读存储介质，属于终端技术领域。应用于电子设备中，该方法包括：响应于对色彩渐变的环形图的显示操作，展示环形图对应的绘制动画；在展示绘制动画的过程中，若当前已绘制的圆弧的绘制占比值小于目标占比值，则基于环形图中至少一个圆弧的渐变偏移角绘制待展示的图像；若绘制占比值和环形图中最大圆弧的占比值均大于或等于目标占比值，则基于环形图中的最大圆弧的两个半圆弧中每个半圆弧的绘制范围和渐变偏移角，分段绘制最大圆弧，得到待展示的图像；展示待展示的图像。本申请通过渐变偏移角使圆弧的颜色从显示起始点开始显示，并通过分段绘制最大圆弧的方式，解决了环形图中发生的颜色跳变问题。发生的颜色跳变问题。发生的颜色跳变问题。

【技术实现步骤摘要】
环形图的显示方法、电子设备及可读存储介质


[0001]本申请涉及终端
，特别涉及一种环形图的显示方法、电子设备及可读存储介质。

技术介绍

[0002]随着终端技术的发展，电子设备中各类数据越来越丰富，为了便于用户查看各类数据，通常可以通过圆头画笔绘制进度环形图、占比环形图等环形图，然后显示所绘制的环形图以对各类数据进行呈现。比如，在用户查看电子设备的存储空间的占用情况时，电子设备可以以占比环形图的形式显示各个应用所占存储空间的大小；又如，在用户通过清洁应用程序对电子设备中的垃圾文件进行清扫过程中，为了使用户获知当前清洁进度，电子设备可以以进度环形图的形式显示垃圾文件的清扫进度。
[0003]但是，若环形图为色彩渐变的环形图，那么在通过圆头画笔绘制环形图的情况下，环形图中可能会出现色彩跳变的情况，从而影响环形图的展示效果。

技术实现思路

[0004]本申请提供了一种环形图的显示方法、电子设备及可读存储介质，可以用于改善相关技术中环形图中发生颜色跳变的问题。所述技术方案如下：
[0005]第一方面，提供了一种环本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种环形图的显示方法，其特征在于，应用于电子设备中，所述方法包括：响应于对色彩渐变的环形图的显示操作，展示所述环形图对应的绘制动画，所述绘制动画为展示所述环形图包括的每个圆弧的占比值由0增长至对应的预设占比值的过程的动画；在展示所述绘制动画的过程中，若当前已绘制的圆弧的绘制占比值小于目标占比值，则基于所述环形图中至少一个圆弧的渐变偏移角绘制待展示的图像，所述渐变偏移角用于指示所述每个圆弧的绘制起始点颜色发生偏移的弧度范围，所述目标占比值是基于用于绘制圆弧的圆头画笔的半径与所述环形图的半径确定；若所述绘制占比值和所述环形图中最大圆弧的占比值均大于或等于所述目标占比值，则基于所述环形图中的最大圆弧的两个半圆弧中每个半圆弧的绘制范围和渐变偏移角，分段绘制所述最大圆弧，得到待展示的图像，所述两个半圆弧是对所述最大圆弧分割后确定，所述两个半圆弧的绘制范围为基于分割位置重新确定；展示所述待展示的图像。2.如权利要求1所述的方法，其特征在于，所述在展示所述绘制动画的过程中，若当前已绘制的圆弧的绘制占比值小于目标占比值，则基于所述环形图中至少一个圆弧的渐变偏移角绘制待展示的图像之前，还包括：若所述环形图中所有圆弧的总占比值小于所述目标占比值，或者，在所述环形图为占比环形图的情况下，若所述总占比值大于或等于所述目标占比值，且所述最大圆弧的占比值小于所述目标占比值，则获取所述圆头画笔的半径和所述环形图的半径；根据所述圆头画笔的半径和所述环形图的半径确定所述每个圆弧的渐变偏移角。3.如权利要求1或2所述的方法，其特征在于，所述响应于对色彩渐变的环形图的显示操作，展示对应的绘制动画之后，还包括：在展示所述绘制动画的过程中，在所述环形图为所述占比环形图的情况下，若所述绘制占比值大于或等于所述目标占比值，且所述最大圆弧的占比值小于所述目标占比值，则基于所述每个圆弧的预设占比值，对参考圆弧进行分割，得到所述参考圆弧的第一半圆弧和第二半圆弧，所述参考圆弧为所述环形图中任意一个圆弧；确定所述第一半圆弧的绘制次序为第一次序，并确定所述第二半圆弧的绘制次序为最后次序；基于所述第一半圆弧当前的绘制次序和所述每个圆弧的渐变偏移角，依次绘制所述第一半圆弧、所述环形图中除所述参考圆弧之外的剩余圆弧以及所述第二半圆弧，得到待展示的图像。4.如权利要求3所述的方法，其特征在于，所述基于所述每个圆弧的预设占比值，对参考圆弧进行分割，得到所述参考圆弧第一半圆弧和第二半圆弧，包括：根据所述每个圆弧的预设占比值，确定所述每个圆弧在待展示的图像中的增长比例；根据所述每个圆弧在所述绘制占比值中的占比值和所述增长比例，确定所述参考圆弧在所述待展示的图像中的占比值，以及所述待展示的图像中所述环形图的绘制起始点至所述参考圆弧的绘制起始点之间的圆弧的第一占比值；根据所述第一占比值和所述参考圆弧在所述待展示的图像中的占比值，确定所述待展示的图像中所述参考圆弧的绘制起始点和绘制结束点；
根据所述参考圆弧的绘制起始点和绘制结束点，确定所述参考圆弧在所述待展示的图像中的中点位置；将所述参考圆弧从所述中点位置进行分割，得到所述第一半圆弧和所述第二半圆弧，所述第一半圆弧的绘制起始点为所述参考圆弧的绘制起始点，所述第一半圆弧的绘制结束点为所述参考圆弧的中点位置，所述第二半圆弧的绘制起始点为所述参考圆弧的中点位置，所述第二半圆弧的绘制结束点为所述参考圆弧的绘制结束点。5.如权利要求1所述的方法，其特征在于，所述在展示所述绘制动画的过程中，若当前已绘制的圆弧的绘制占比值小于目标占比值，则基于所述环形图中至少一个圆弧的渐变偏移角绘制待展示的图像之前，还包括：若所述环形图中所有圆弧的总占比值和所述最大圆弧的占比值均大于或等于所述目标占比值，则基于所述每个圆弧的当前已绘制的占比值，确定所述最大圆弧在所述待展示的图像中的第三半圆弧的绘制范围和第四半圆弧的绘制范围；基于所述第四半圆弧的绘制范围，确定第四半圆弧的渐变起始位置，所述渐变起始位置为开始发生颜色渐变的位置；根据所述最大圆弧的绘制起始点、所述最大圆弧的渐变偏移角和所述...

【专利技术属性】
技术研发人员：詹童杰，李世俊，黄进宗，
申请(专利权)人：荣耀终端有限公司，
类型：发明
国别省市：