安卓(Android)开发之自定义饼状图

概述先来看看效果图先分析饼状图的构成，非常明显，饼状图就是一个又一个的扇形构成的，每个扇形都有不同的颜色，对应的有名字，数据和百分比。

先来看看效果图

先分析饼状图的构成，非常明显，饼状图就是一个又一个的扇形构成的，每个扇形都有不同的颜色，对应的有名字，数据和百分比。

经以上信息可以得出饼状图的最基本数据应包括：名字 数据值 百分比 对应的角度 颜色。

　　用户关心的数据 ： 名字 数据值 百分比

　　需要程序计算的数据： 百分比 对应的角度

　　其中颜色这一项可以用户指

 

public class PIEData {   private String name;  // 名字  private float value;  // 数值  private float percentage; // 百分比   private int color = 0;  // 颜色  private float angle = 0; // 角度   public PIEData(@NonNull String name,@NonNull float value) {   this.name = name;   this.value = value;  } }

自定义view：

先按照自定义view流程梳理一遍(确定各个步骤应该做的事情)：

步骤	关键字	作用
1	构造函数	初始化(初始化画笔Paint)
2	onMeasure	测量VIEw的大小(暂时不用关心)
3	onSizeChanged	确定VIEw大小(记录当前VIEw的宽高)
4	nLayout	确定子VIEw布局(无子VIEw，不关心)
5	onDraw	实际绘制内容(绘制饼状图)
6	提供接口	提供接口(提供设置数据的接口)

代码如下： 

 public class PIEVIEw extends VIEw {  // 颜色表  private int[] mcolors = {0xFFCCFF00,0xFF6495ED,0xFFE32636,0xFF800000,0xFF808000,0xFFFF8C69,0xFF808080,0xFFE6B800,0xFF7CFC00};  // 饼状图初始绘制角度  private float mStartAngle = 0;  // 数据  private ArrayList<PIEData> mData;  // 宽高  private int mWIDth,mHeight;  // 画笔  private Paint mPaint = new Paint();   public PIEVIEw(Context context) {   this(context,null);  }   public PIEVIEw(Context context,AttributeSet attrs) {   super(context,attrs);   mPaint.setStyle(Paint.Style.FILL);   mPaint.setAntiAlias(true);  }   @OverrIDe  protected voID onSizeChanged(int w,int h,int olDW,int oldh) {   super.onSizeChanged(w,h,olDW,oldh);   mWIDth = w;   mHeight = h;  }   @OverrIDe  protected voID onDraw(Canvas canvas) {   super.onDraw(canvas);   if (null == mData)    return;   float currentStartAngle = mStartAngle;     // 当前起始角度   canvas.translate(mWIDth / 2,mHeight / 2);    // 将画布坐标原点移动到中心位置   float r = (float) (Math.min(mWIDth,mHeight) / 2 * 0.8); // 饼状图半径   RectF rect = new RectF(-r,-r,r,r);      // 饼状图绘制区域    for (int i = 0; i < mData.size(); i++) {    PIEData pIE = mData.get(i);    mPaint.setcolor(pIE.getcolor());    canvas.drawArc(rect,currentStartAngle,pIE.getAngle(),true,mPaint);    currentStartAngle += pIE.getAngle();   }   }   // 设置起始角度  public voID setStartAngle(int mStartAngle) {   this.mStartAngle = mStartAngle;   invalIDate(); // 刷新  }   // 设置数据  public voID setData(ArrayList<PIEData> mData) {   this.mData = mData;   initDate(mData);   invalIDate(); // 刷新  }   // 初始化数据  private voID initDate(ArrayList<PIEData> mData) {   if (null == mData || mData.size() == 0) // 数据有问题 直接返回    return;    float sumValue = 0;   for (int i = 0; i < mData.size(); i++) {    PIEData pIE = mData.get(i);     sumValue += pIE.getValue();  //计算数值和     int j = i % mcolors.length;  //设置颜色    pIE.setcolor(mcolors[j]);   }    float sumAngle = 0;   for (int i = 0; i < mData.size(); i++) {    PIEData pIE = mData.get(i);     float percentage = pIE.getValue() / sumValue; // 百分比    float angle = percentage * 360;     // 对应的角度     pIE.setPercentage(percentage);     // 记录百分比    pIE.setAngle(angle);       // 记录角度大小    sumAngle += angle;     Log.i("angle","" + pIE.getAngle());   }  }

注意：在更改了数据需要重绘界面时要调用invalIDate()这个函数重新绘制。

以上就是小编为大家整理的安卓(AndroID)中自定义饼状图的制作思路，利用实例代码实现饼状图就很简单了，希望本文对大家开发安卓(AndroID)有所帮助。

总结

以上是内存溢出为你收集整理的安卓(Android)开发之自定义饼状图全部内容，希望文章能够帮你解决安卓(Android)开发之自定义饼状图所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。