一、概述
有时开发会遇到需要的图表,导入一个三方库太大,这时候就可以自己来自定义个图表控件,近日我就开发了个饼状图,用来显示各板块占比和信息显示,并加入了动画,某块模块放大,自定义设置板块颜色、字体颜色等功能,可直接拿来使用。
二、效果图
也可以设置成实心的饼状图
三、设计思路
非动画实现思路,先绘制一个个弧形版块拼接成圆,同一圆心,再绘制一个小点的带透明度的白色圆盖在其上,然后绘制中心的孔,即纯白的圆盖在最上面,最后根据计算,将文字绘制在版块的角平分线上,居在透明圆边和外圆边的中心。
动画实现思路,设定一个ValueAnimator,数值从0到360。每次绘制ValueAnimator传来的value值的弧形板块,若value值小于该板块就绘制到value值,再绘制相同角度大小的半透明弧形板块,然后绘制中心白色圆孔,结束本次绘制等待下一个value值;若value值大于该板块就绘制完该弧形板块,再绘制该板块角度大小的半透明弧形板块,然后绘制中心白色圆孔,最后多出该板块的value进行下一板块的绘制。动画走完,设定了动画结束监听,会将动画的Boolean值设为false,然后触发重新绘制,用非动画绘制(文字绘制在非动画绘制中),这样就全显示出来了。
四、代码实现
1、重写draw方法
再calculate()方法中计算外圆半径,计算数据总和。
public void draw(Canvas canvas) {
s