自定义View饼状图

1.效果图

                       

2.代码实现

public class PieChartView extends View {
    private Paint mPaint;
    private List<PieData>pieDataList;
    // 饼状图初始绘制角度
    private float mStartAngle = 0;

    public PieChartView(Context context) {
        this(context, null);
    }

    public PieChartView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public void setData(List<PieData> dataList){
        if (null == dataList || dataList.size() == 0)
            return;
        pieDataList = dataList;

        invalidate(); //触发onDraw
    }

    private void init() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setStrokeWidth(4);

        rectF = new RectF(100f, 100f, 600f, 600f); //正方形背景
    }

   private RectF rectF;

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (null == pieDataList || pieDataList.size() == 0)
            return;

        float currentAngle = mStartAngle;
        for (int i = 0;i<pieDataList.size();i++){
            PieData pieData = pieDataList.get(i);
            mPaint.setColor(pieData.color);
            canvas.drawArc(rectF,currentAngle,pieData.angle,true,mPaint); //画弧
            currentAngle += pieData.angle;
        }

    }
}
3.使用:

                    int values[] = {30, 30, 40}; //右侧的图的数据,{10, 20, 70} 图左
                    List<PieData> pieDataList = new ArrayList<>();
                    PieData pieData1 = new PieData();
                    pieData1.percentage = (float) values[0] / 100;
                    pieData1.angle = pieData1.percentage * 360;
                    pieData1.color = Color.RED;
                    pieDataList.add(pieData1);

                    PieData pieData2 = new PieData();
                    pieData2.percentage = (float) values[1] / 100;
                    pieData2.angle = pieData2.percentage * 360;
                    pieData2.color = Color.GREEN;
                    pieDataList.add(pieData2);

                    PieData pieData3 = new PieData();
                    pieData3.percentage = (float) values[2] / 100;
                    pieData3.angle = pieData3.percentage * 360;
                    pieData3.color = Color.YELLOW;
                    pieDataList.add(pieData3);


                    PieChartView pieChartView = new PieChartView(mContext);
                    pieChartView.setData(pieDataList);
                    addView(pieChartView);



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值