前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android自定义View实现饼状图带动画效果

Android自定义View实现饼状图带动画效果

作者头像
砸漏
发布2020-10-26 17:35:13
5700
发布2020-10-26 17:35:13
举报
文章被收录于专栏:恩蓝脚本

一个简单的自定义view饼状图,加入了动画效果

先看一下效果

下面就直接上代码了

代码语言:javascript
复制
public class Yidong2 extends AppCompatActivity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(new PointView(this));
 }
 
 public class PointView extends View {
  private int[] p1 = {0, 100, 200};  //存放弧度的数组
  //定义存放颜色的数组
  private int[] p2 = {Color.GREEN, Color.YELLOW, Color.RED};  
  Paint paint = new Paint();    //画笔
  private float k;      //弧度变动后的值
 
  //定义矩形,用户确定描绘的饼状图位置
  private final RectF rectF = new RectF(100, 100, 800, 800);
 
  //定义
  public PointView(Context context) {
   super(context);
   paint.setStyle(Paint.Style.FILL);  //设置画笔为填充
   paint.setStrokeWidth(10f);    //设置画笔宽度
   paint.setAntiAlias(true);    //抗锯齿
 
   //属性动画
   ValueAnimator animator = ValueAnimator.ofFloat(0, 360);
   animator.setDuration(1000);    //设置动画时间
   animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
     k = (float) animation.getAnimatedValue(); //获取变动后的值
     invalidate();   //刷新布局
    }
   });
   animator.start(); //启动动画
  }
 
  @SuppressLint("DrawAllocation")
  @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
  @Override
  protected void onDraw(Canvas canvas) {
   super.onDraw(canvas);
   //这里做了不同颜色的范围判断,还可以进行封装,为了便于学习,就没有再次封装
   if (k < p1[1]) {
    shezhi(canvas, 0);
   } else if (k < p1[2]) {
    shezhi(canvas, 1);
   } else {
    shezhi(canvas, 2);
   }
  }
 
  //动画方法,Android的动画有三种,View动画,帧动画,属性动画,
  //这里对动画方法进行简单的封装,只需要明白,如果存在多个颜色的话,在绘制第二个以后颜色时,每次都要先绘制先前所有颜色,再绘制当前颜色,即可理解,这也就是动画的基本逻辑。
  private void shezhi(Canvas canvas, int n) {
   for (int i = 0; i <= n; i++) {
    paint.setColor(p2[i]);
    canvas.drawArc(rectF, p1[i], k - p1[i], true, paint);
   }
  }
 }
}

已经加入了详细的注释,同样的原理,还可以将动画加入到柱形图等等。

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档