热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android动态绘制饼状图的示例代码

这篇文章主要介绍了Android动态绘制饼状图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

项目里面的需求,当时搜索到MPAndroidChart库,可以实现,但是只是一个需求就引用偌大的一个库,感觉不太爽,打算自己自定义一个。

一、惯例先上效果图

更新图

二、GitHub

代码地址,欢迎指正https://github.com/MNXP/XPPieChart

三、思路

  1、空心图(一个大圆中心绘制一个小圆)
  2、根据数据算出所占的角度
  3、根据动画获取当前绘制的角度
  4、根据当前角度获取Paint使用的颜色
  5、动态绘制即将绘制的 和 绘制已经绘制的部分(最重要)

四、实现

1、空心图(一个大圆中心绘制一个小圆)初始化数据

   paint = new Paint();
   paint.setAntiAlias(true);
   paint.setStyle(Paint.Style.FILL_AND_STROKE);

   screenW = DensityUtils.getScreenWidth(context);

   int width = DensityUtils.dip2px(context, 15);//圆环宽度
   int widthXY = DensityUtils.dip2px(context, 10);//微调距离

   int pieCenterX = screenW / 2;//饼状图中心X
   int pieCenterY = screenW / 3;//饼状图中心Y
   int pieRadius = screenW / 4;// 大圆半径

   //整个饼状图rect
   pieOval = new RectF();
   pieOval.left = pieCenterX - pieRadius;
   pieOval.top = pieCenterY - pieRadius + widthXY;
   pieOval.right = pieCenterX + pieRadius;
   pieOval.bottom = pieCenterY + pieRadius + widthXY;

   //里面的空白rect
   pieOvalIn = new RectF();
   pieOvalIn.left = pieOval.left + width;
   pieOvalIn.top = pieOval.top + width;
   pieOvalIn.right = pieOval.right - width;
   pieOvalIn.bottom = pieOval.bottom - width;

   //里面的空白画笔
   piePaintIn = new Paint();
   piePaintIn.setAntiAlias(true);
   piePaintIn.setStyle(Paint.Style.FILL);
   piePaintIn.setColor(Color.parseColor("#f4f4f4"));

2、根据数据算出所占的角度

使用递归保证cakeValues的值的总和必为100,然后根据值求出角度

  private void settleCakeValues(int i) {
    float sum = getSum(cakeValues, i);
    CakeValue value = cakeValues.get(i);
    if (sum <= 100f) {
      value.setItemValue(100f - sum);
      cakeValues.set(i, value);
    } else {
      value.setItemValue(0);
      settleCakeValues(i - 1);
    }
  }

3、根据动画获取当前绘制的角度

curAngle就是当前绘制的角度,drawArc()就是绘制的方法

cakeValueAnimator.addUpdateListener(new AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        float mAngle = obj2Float(animation.getAnimatedValue("angle"));
        curAngle = mAngle;
        drawArc();
      }
    });

4、根据当前角度获取Paint使用的颜色

根据当前的角度,计算当前是第几个item,通过paint.setColor(Color.parseColor(cakeValues.get(colorIndex).getColors()));来设置paint的颜色

private int getCurItem(float curAngle) {
    int res = 0;
    for (int i = 0; i 

5、动态绘制即将绘制的 和 绘制已经绘制的部分

最重要的一步,我的需求是4类,用不同的颜色

绘制当前颜色的扇形,curStartAngle扇形的起始位置,curSweepAngle扇形的终止位置

 paint.setColor(Color.parseColor(cakeValues.get(colorIndex).getColors()));
 float curStartAngle = 0;
 float curSweepAngle = curAngle;
 if (curItem > 0) {
   curStartAngle = itemFrame[curItem - 1] * ANGLE_NUM;
   curSweepAngle = curAngle - (itemFrame[curItem - 1] * ANGLE_NUM);
  }
  canvas.drawArc(pieOval, curStartAngle, curSweepAngle, true, paint);

绘制已经绘制的扇形。根据curItem判断绘制过得扇形

for (int i = 0; i 

绘制中心的圆

canvas.drawArc(pieOvalIn, 0, 360, true, piePaintIn);

6、特别注意

isFirst判断是够是第一次绘制(绘制完成后,home键进入后台,再次进入,不需要动态绘制)

 @Override
  protected void onDraw(Canvas canvas) {
    if (isFirst && isDrawByAnim) {
      drawCakeByAnim();
    }
    isFirst = false;
  }

isDrawByAnim判断是否需要动画绘制

drawCake()为静态绘制饼状图

public void surfaceCreated(SurfaceHolder holder) {
  if (!isFirst||!isDrawByAnim)
     drawCake();
}

更新

增加立体效果,提取配置参数


    //是否动画
    //是否立体
    //动画时间
    //默认颜色

    //圆环宽度
    //立体宽度
    //微调宽度
  

xml中使用

以上就是简单的实现动态绘制饼状图,待完善,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • baresip android编译、运行教程1语音通话
    本文介绍了如何在安卓平台上编译和运行baresip android,包括下载相关的sdk和ndk,修改ndk路径和输出目录,以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • 打开文件管理器_【教程】模组管理器3.1食用指南
    文编:byakko最近有部分小伙伴反应还不会使用unity模组管理器,现在我就给大家讲一下unity模组管理器——从下载到使用。完整视频版以下是无WiF ... [详细]
  • 在Docker中,将主机目录挂载到容器中作为volume使用时,常常会遇到文件权限问题。这是因为容器内外的UID不同所导致的。本文介绍了解决这个问题的方法,包括使用gosu和suexec工具以及在Dockerfile中配置volume的权限。通过这些方法,可以避免在使用Docker时出现无写权限的情况。 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • 学习笔记(34):第三阶段4.2.6:SpringCloud Config配置中心的应用与原理第三阶段4.2.6SpringCloud Config配置中心的应用与原理
    立即学习:https:edu.csdn.netcourseplay29983432482?utm_sourceblogtoedu配置中心得核心逻辑springcloudconfi ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • Centos7.6安装Gitlab教程及注意事项
    本文介绍了在Centos7.6系统下安装Gitlab的详细教程,并提供了一些注意事项。教程包括查看系统版本、安装必要的软件包、配置防火墙等步骤。同时,还强调了使用阿里云服务器时的特殊配置需求,以及建议至少4GB的可用RAM来运行GitLab。 ... [详细]
  • 20211101CleverTap参与度和分析工具功能平台学习/实践
    1.应用场景主要用于学习CleverTap的使用,该平台主要用于客户保留与参与平台.为客户提供价值.这里接触到的原因,是目前公司用到该平台的服务~2.学习操作 ... [详细]
  • 如何用UE4制作2D游戏文档——计算篇
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了如何用UE4制作2D游戏文档——计算篇相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 使用在线工具jsonschema2pojo根据json生成java对象
    本文介绍了使用在线工具jsonschema2pojo根据json生成java对象的方法。通过该工具,用户只需将json字符串复制到输入框中,即可自动将其转换成java对象。该工具还能解析列表式的json数据,并将嵌套在内层的对象也解析出来。本文以请求github的api为例,展示了使用该工具的步骤和效果。 ... [详细]
  • 关于我们EMQ是一家全球领先的开源物联网基础设施软件供应商,服务新产业周期的IoT&5G、边缘计算与云计算市场,交付全球领先的开源物联网消息服务器和流处理数据 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
  • 推荐系统遇上深度学习(十七)详解推荐系统中的常用评测指标
    原创:石晓文小小挖掘机2018-06-18笔者是一个痴迷于挖掘数据中的价值的学习人,希望在平日的工作学习中,挖掘数据的价值, ... [详细]
author-avatar
CJT--陳嘉婷
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有