Android实现轻量线性与百分比图表的方法-创新互联

前言

经常要用到图表统计数据，在WEB开发中图表绘制是一件简单的事情，因为有比较多的开源方案。但在Android中开源方案并不多。但目前github上有多个关于图表的框架，比如MPAndroidChart很好，但是很大，没必要因为一个小的图标让工程项目扩大很多，另外有些轻量级的框架，但是个人感觉都很难满足自己的需求，再者就算很好的框架，那也是别人的，只有自己动手写起来，了解前前后后的坑，自己才能成长，而且在写的过程，我们能发现更多的细节，比如绘制的时候内存分配的问题，Canvas直接绘制和通过Bitmap绘制等等，所以这篇文章的目的:

      1.是给大家提供自定义view绘制的思路

      2.滑动自定义view的部分区域怎么实现

      3.path动画绘制的实现

      4.熟悉canvas的api，总之能直接动手了，那就自定义view就通关了，所以就写这篇文章主要是鼓励大家多去实现。

效果图

线性图表实现的思路：

线性表是最基本、最简单、也是最常用的一种数据结构。线性表中数据元素之间的关系是一对一的关系，即除了第一个和最后一个数据元素之外，其它数据元素都是首尾相接的，注意，这句话只适用大部分线性表，而不是全部。

由于屏幕的宽度有限，所以我们一屏经过计算，最好显示的7个点，所以我们首先需要对我们的view宽度进行计算，首先拿到屏幕的宽度，然后再进行/7，得到每个间隔的宽度，然后乘以我们x的坐标点的个数，其中的onMeasure的方法：

 int widthParentMeasureMode = MeasureSpec.getMode(widthMeasureSpec);
 int widthParentMeasureSize = MeasureSpec.getSize(widthMeasureSpec);
 int heightParentMeasureMode = MeasureSpec.getMode(heightMeasureSpec);
 int heightParentMeasureSize = MeasureSpec.getSize(heightMeasureSpec);
 int resultWidthSize = 0;
 int resultHeightSize = 0;
 int resultWidthMode = MeasureSpec.EXACTLY;//用来对childView进行计算的
 int resultHeightMode = MeasureSpec.EXACTLY;
 int paddingWidth = getPaddingLeft() + getPaddingRight();
 int paddingHeight = getPaddingTop() + getPaddingBottom();
 ViewGroup.LayoutParams thisLp = getLayoutParams();
 switch (widthParentMeasureMode) {
  //父类不加限制给子类
  case MeasureSpec.UNSPECIFIED:
   //这个代表在布局写死了宽度
   if (thisLp.width > 0) {
    resultWidthSize = thisLp.width;
    resultWidthMode = MeasureSpec.EXACTLY;
   } else {
    resultWidthSize = (int) (getYMaxTextWidth() + mXinterval * mXdots.length);
    resultWidthMode = MeasureSpec.UNSPECIFIED;
   }
   break;
  case MeasureSpec.AT_MOST:
   //这个代表在布局写死了宽度
   if (thisLp.width > 0) {
    resultWidthSize = thisLp.width;
    resultWidthMode = MeasureSpec.EXACTLY;
   } else if (thisLp.width == ViewGroup.LayoutParams.MATCH_PARENT) {
    resultWidthSize = Math.max(0, widthParentMeasureSize - paddingWidth);
    resultWidthMode = MeasureSpec.AT_MOST;
   } else if (thisLp.width == ViewGroup.LayoutParams.WRAP_CONTENT) {
    resultWidthSize = (int) (getYMaxTextWidth() + mXinterval * mXdots.length);
    resultWidthMode = MeasureSpec.AT_MOST;
   }
   break;
  case MeasureSpec.EXACTLY:
   //这个代表在布局写死了宽度
   if (thisLp.width > 0) {
    resultWidthSize = Math.min(widthParentMeasureSize, thisLp.width);
    resultWidthMode = MeasureSpec.EXACTLY;
   } else if (thisLp.width == ViewGroup.LayoutParams.MATCH_PARENT) {
    resultWidthSize = widthParentMeasureSize;
    resultWidthMode = MeasureSpec.EXACTLY;
   } else if (thisLp.width == ViewGroup.LayoutParams.WRAP_CONTENT) {
    resultWidthSize = (int) (getYMaxTextWidth() + mXinterval * mXdots.length);
    resultWidthMode = MeasureSpec.AT_MOST;
   }
   break;
 }