安卓(Android)开发之自定义饼状图
作者:daisy 时间:2022-04-06 11:13:11
先来看看效果图
先分析饼状图的构成,非常明显,饼状图就是一个又一个的扇形构成的,每个扇形都有不同的颜色,对应的有名字,数据和百分比。
经以上信息可以得出饼状图的最基本数据应包括:名字 数据值 百分比 对应的角度 颜色。
用户关心的数据 : 名字 数据值 百分比
需要程序计算的数据: 百分比 对应的角度
其中颜色这一项可以用户指
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,饼状图
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Java实现驼峰和下划线互相转换的示例代码
2023-12-16 15:23:48
![](https://img.aspxhome.com/file/2023/6/61066_0s.png)
C#自定义处理xml数据类实例
2022-07-02 11:00:39
教你怎么用java一键自动生成数据库文档
2021-08-01 02:34:36
![](https://img.aspxhome.com/file/2023/1/61321_0s.png)
Java引用传递和值传递栈内存与堆内存的指向操作
2021-05-30 04:43:37
![](https://img.aspxhome.com/file/2023/9/79229_0s.jpg)
C#实现实体类和XML相互转换
2023-06-16 04:37:32
七个Spring核心模块详解
2021-07-25 15:32:18
C#检查foreach判读是否为null的方法
2021-10-28 01:37:24
![](https://img.aspxhome.com/file/2023/3/78143_0s.png)
Java锁之自旋锁详解
2022-12-12 21:38:36
Java中常见的对象转换工具
2023-12-14 19:23:16
![](https://img.aspxhome.com/file/2023/6/71886_0s.webp)
Unity利用材质自发光实现物体闪烁
2021-07-03 20:42:26
![](https://img.aspxhome.com/file/2023/7/87047_0s.gif)
springboot+springsecurity如何实现动态url细粒度权限认证
2023-10-01 04:06:39
![](https://img.aspxhome.com/file/2023/0/64130_0s.png)
详解 Corba开发之Java实现Service与Client
2023-09-23 03:42:48
![](https://img.aspxhome.com/file/2023/3/60183_0s.png)
解决Android ListView数据为空及加载错误的方法
2022-11-30 06:57:41
![](https://img.aspxhome.com/file/2023/1/91011_0s.png)
Java操作pdf的工具类itext的处理方法
2023-07-14 11:51:53
Java数组扩容实现方法解析
2021-08-25 13:08:26
IDEA解决src和resource下创建多级目录的操作
2023-03-24 07:05:37
![](https://img.aspxhome.com/file/2023/0/63690_0s.jpg)
Java ArrayList中存放引用数据类型的方式
2023-11-16 15:23:46
![](https://img.aspxhome.com/file/2023/6/60556_0s.png)
java:无法访问org.springframework.boot.SpringApplication的解决方法
2022-07-14 05:24:29
![](https://img.aspxhome.com/file/2023/1/67701_0s.jpg)
最优雅地整合 Spring & Spring MVC & MyBatis 搭建 Java 企业级应用(附源码)
2023-09-26 18:27:57
![](https://img.aspxhome.com/file/2023/2/77112_0s.png)
详解Java实现数据结构之并查集
2023-09-05 08:47:06
![](https://img.aspxhome.com/file/2023/6/67976_0s.jpg)