安卓(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)
2onMeasure测量View的大小(暂时不用关心)
3onSizeChanged确定View大小(记录当前View的宽高)
4nLayout 确定子View布局(无子View,不关心)
5onDraw 实际绘制内容(绘制饼状图)
6提供接口提供接口(提供设置数据的接口)

代码如下: 

 public class PieView extends View { // 颜色表 private int[] mColors = {0xFFCCFF00, 0xFF6495ED, 0xFFE32636, 0xFF800000, 0xFF808000, 0xFFFF8C69, 0xFF808080, 0xFFE6B800, 0xFF7CFC00}; // 饼状图初始绘制角度 private float mStartAngle = 0; // 数据 private ArrayList 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) { this.mData = mData; initDate(mData); invalidate(); // 刷新 } // 初始化数据 private void initDate(ArrayList mData) { if (null == mData || mData.size() == 0) // 数据有问题 直接返回 return; float sumValue = 0; for (int i = 0; i 

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

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

以上就是安卓(Android)开发之自定义饼状图的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » 移动