自定义控件练习:饼状图
Posted 彼岸花you
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义控件练习:饼状图相关的知识,希望对你有一定的参考价值。
效果
主要涉及:画圆弧、画文字
1、画圆弧:
RectF rect = new RectF(0,0,300,300);
canvas.drawArc(RectF rect,float startAngle,float swipAngle,boolean userCenter,Paint paint);
记录每一个结束时的角度,下一次开始的角度即为上次结束时的角度。
主要代码:
//计算每一个pie的角度
float startAngle = 0;//开始的角度
for (PieData data : pieData)
//将每一部分的圆弧画出来
mPaint.setColor(data.getPieColor());//每一块的颜色
float swipeAngle = data.getPieProportion() * 360;//每一块占多少角度
canvas.drawArc(bigRect, startAngle, swipeAngle, true, mPaint);
...
2、画文字:
计算文本的位置
小圆半径 设为大圆半径的2/3
主要代码:
//画文本
float x0 = width / 2;
float y0 = height / 2;
float txtAngle = startAngle + swipeAngle / 2;
double radians = Math.toRadians(txtAngle);
double x1 = x0 + Math.cos(radians) * smallRadius;
double y1 = y0 + Math.sin(radians) * smallRadius;
Rect textRect = new Rect();
String pieName = data.getPieName();
mPaint.getTextBounds(pieName, 0, pieName.length(), textRect);
x1 = x1 - textRect.width() / 2;
y1 = y1 + textRect.height() / 2;
mPaint.setColor(data.getPieTxtColor());
mPaint.setTextSize(TranslateDimensionUtils.sp2px(mContext, data.getPieTextSize()));
canvas.drawText(pieName, (float) x1, (float) y1, mPaint);
代码:
https://github.com/WhatWeCan/customer_views/tree/master/PieView
以上是关于自定义控件练习:饼状图的主要内容,如果未能解决你的问题,请参考以下文章