android自定义环形统计图动画
作者:Freedoman1990 发布时间:2021-06-27 19:52:43
标签:android,统计图
本文实例为大家分享了android自定义环形统计图动画的具体代码,供大家参考,具体内容如下
一、测试截图
二、实现原理
package com.freedomanlib;
import java.util.Timer;
import java.util.TimerTask;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
/**
* @name 自定义车辆数据统计比重环
* 1、比重环由底环(灰色)、里程环(红色)、平均速度环(黄色)、行驶时间环(蓝色)、超速次数环(绿色)、环中间评级、指示器组成
* ,其中四个数据统计环和底环是同心圆、圆心处有评分文本,圆环外是四个统计指示器。<br>
* 2、四个统计环是四个弧线,弧度由外界提供数据,并动态显示在界面上。<br>
* 3、评分等级分为三种:未评分、正在评分、评分完成,当用户点击中间区域时开启评分,评分结束自动停止。<br>
* 4、外侧对应的四个指示器上结构上包括:指示器位置的小圆圈、折线连接线、指示文本、文本数据显示具体的数值。<br>
*
* @author Freedoman
* @date 2014-10-27
*/
public class CirStatisticGraph extends View {
private static final String TAG = "CirStatisticGraph";
/**
* @name CenterPoint
* @Descripation 中心点<br>
*/
class CenterPoint {
float x;
float y;
}
/**
* 边界宽高、中心坐标、外环和内环半径
*/
private float boundsWidth;
private float boundsHeigh;
private CenterPoint centerPoint = new CenterPoint();
private float radius;
private float paintWidth;
private float genPaintWidth;
/**
* 几种不同的画笔
*/
private Paint defaultPaint;
private Paint genPaint;
private Paint progressTextPaint;
private Paint flagPaint;
/**
* 进度
*/
private int curProgress;
private int targetProgress = 88;
private boolean complete;
private int mileage = 128;
private int averageSpeed = 78;
private float goTime = 1.5f;
private int overSpeedCount = 3;
/**
* 构造
*
* @param context
*/
public CirStatisticGraph(Context context) {
this(context, null);
}
public CirStatisticGraph(Context context, AttributeSet attrs) {
super(context, attrs, 0);
}
public CirStatisticGraph(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
this.initialize();
}
/**
* 初始化
*/
private void initialize() {
// 底环画笔
defaultPaint = new Paint();
defaultPaint.setColor(Color.argb(0xEE, 0x8E, 0x8E, 0x8E));
defaultPaint.setStyle(Paint.Style.STROKE);
defaultPaint.setStrokeWidth(paintWidth);
defaultPaint.setAntiAlias(true);
// 比重环画笔
genPaint = new Paint();
genPaint.setStyle(Paint.Style.STROKE);
genPaint.setStrokeWidth(genPaintWidth);
genPaint.setAntiAlias(true);
// 中心进度文本和评级画笔
progressTextPaint = new Paint();
progressTextPaint.setColor(Color.WHITE);
progressTextPaint.setStyle(Paint.Style.STROKE);
progressTextPaint.setStrokeWidth(0);
progressTextPaint.setTypeface(Typeface.DEFAULT_BOLD);
// 指示器画笔
flagPaint = new Paint();
flagPaint.setColor(Color.WHITE);
flagPaint.setStyle(Paint.Style.STROKE);
flagPaint.setStrokeWidth(3);
flagPaint.setAntiAlias(true);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 绘制区域的宽高
boundsWidth = getWidth();
boundsHeigh = getHeight();
centerPoint.x = boundsWidth / 2;
centerPoint.y = boundsHeigh / 2;
radius = boundsHeigh * 1 / 3;
paintWidth = 50;
genPaintWidth = paintWidth / 7;
initialize();
}
/**
* 启动进度动画
*/
public void start() {
curProgress = 0;
if (targetProgress == 0) {
targetProgress = 88;
}
final Timer timer = new Timer();
TimerTask timerTask = new TimerTask() {
@Override
public void run() {
curProgress++;
if (curProgress == targetProgress) {
timer.cancel();
}
postInvalidate();
}
};
timer.schedule(timerTask, 0, 20);
}
@SuppressLint("DrawAllocation")
@Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 底环(灰色)
canvas.drawCircle(centerPoint.x, centerPoint.y, radius, defaultPaint);
// 很重要的一个半径(最外层环即里程环的半径)
float sroundRadius = radius + paintWidth / 2 - genPaintWidth / 2;
// 里程比重环(红色)
genPaint.setColor(Color.argb(0xEE, 0xFF, 0x35, 0x9A));
RectF oval1 = new RectF(centerPoint.x - sroundRadius, centerPoint.y
- sroundRadius, centerPoint.x + sroundRadius, centerPoint.y
+ sroundRadius);
canvas.drawArc(oval1, -90, 300, false, genPaint);
// 里程比重环的指示器位置(勾股定理计算坐标)
float temp = sroundRadius;
float relativePoint = (float) Math.sqrt(temp * temp / 2);
canvas.drawCircle(centerPoint.x - relativePoint, centerPoint.y
- relativePoint, radius / 12, flagPaint);
// 连线
float[] pts1 = new float[8];
pts1[0] = centerPoint.x - relativePoint - radius / 24;
pts1[1] = centerPoint.y - relativePoint - radius / 24;
pts1[2] = centerPoint.x - relativePoint - 80;
pts1[3] = centerPoint.y - relativePoint - 40;
pts1[4] = pts1[2];
pts1[5] = pts1[3];
pts1[6] = pts1[4] - 50;
pts1[7] = pts1[5];
canvas.drawLines(pts1, flagPaint);
// 文本
progressTextPaint.setTextSize(30);
String txt = "里程";
float wt = progressTextPaint.measureText(txt);
canvas.drawText(txt, pts1[6] - wt - 10, pts1[7] + 15, progressTextPaint);
if (complete) {
canvas.drawText(mileage + "km", pts1[6] - wt - 10, pts1[7] + 50,
progressTextPaint);
}
// 平均速度环(黄色)
genPaint.setColor(Color.argb(0xEE, 0xF7, 0x50, 0x00));
RectF oval2 = new RectF(centerPoint.x - sroundRadius + 2
* genPaintWidth, centerPoint.y - sroundRadius + 2
* genPaintWidth, centerPoint.x + sroundRadius - 2
* genPaintWidth, centerPoint.y + sroundRadius - 2
* genPaintWidth);
canvas.drawArc(oval2, 0, 280, false, genPaint);
// 平均速度环的指示器位置
temp = sroundRadius - 2 * genPaintWidth;
relativePoint = (float) Math.sqrt(temp * temp / 2);
canvas.drawCircle(centerPoint.x + relativePoint, centerPoint.y
- relativePoint, radius / 12, flagPaint);
// 连接线
pts1 = new float[8];
pts1[0] = centerPoint.x + relativePoint + radius / 24;
pts1[1] = centerPoint.y - relativePoint - radius / 24;
pts1[2] = centerPoint.x + relativePoint + 80;
pts1[3] = centerPoint.y - relativePoint - 40;
pts1[4] = pts1[2];
pts1[5] = pts1[3];
pts1[6] = pts1[4] + 50;
pts1[7] = pts1[5];
canvas.drawLines(pts1, flagPaint);
// 文本
txt = "平均速度";
wt = progressTextPaint.measureText(txt);
canvas.drawText(txt, pts1[6] + 10, pts1[7] + 15, progressTextPaint);
if (complete) {
canvas.drawText(averageSpeed + "km/h", pts1[6] + 10, pts1[7] + 50,
progressTextPaint);
}
// 行驶时间环(蓝色)和指示
genPaint.setColor(Color.argb(0xEE, 0x00, 0x72, 0xE3));
RectF oval3 = new RectF(centerPoint.x - sroundRadius + 4
* genPaintWidth, centerPoint.y - sroundRadius + 4
* genPaintWidth, centerPoint.x + sroundRadius - 4
* genPaintWidth, centerPoint.y + sroundRadius - 4
* genPaintWidth);
canvas.drawArc(oval3, 90, 270, false, genPaint);
// 行驶时间环指示器的位置
temp = sroundRadius - 4 * genPaintWidth;
relativePoint = (float) Math.sqrt(temp * temp / 2);
canvas.drawCircle(centerPoint.x - relativePoint, centerPoint.y
+ relativePoint, radius / 12, flagPaint);
// 连接线和文本
pts1 = new float[8];
pts1[0] = centerPoint.x - relativePoint - radius / 24;
pts1[1] = centerPoint.y + relativePoint + radius / 24;
pts1[2] = centerPoint.x - relativePoint - 80;
pts1[3] = centerPoint.y + relativePoint + 40;
pts1[4] = pts1[2];
pts1[5] = pts1[3];
pts1[6] = pts1[4] - 50;
pts1[7] = pts1[5];
canvas.drawLines(pts1, flagPaint);
txt = "行驶时间";
wt = progressTextPaint.measureText(txt);
canvas.drawText(txt, pts1[6] - wt - 10, pts1[7] + 15, progressTextPaint);
if (complete) {
canvas.drawText(goTime + "h", pts1[6] - wt - 10, pts1[7] - 20,
progressTextPaint);
}
// 超速次数环(绿色)
genPaint.setColor(Color.argb(0xEE, 0x00, 0xEC, 0x00));
RectF oval4 = new RectF(centerPoint.x - sroundRadius + 6
* genPaintWidth, centerPoint.y - sroundRadius + 6
* genPaintWidth, centerPoint.x + sroundRadius - 6
* genPaintWidth, centerPoint.y + sroundRadius - 6
* genPaintWidth);
canvas.drawArc(oval4, 0, 290, false, genPaint);
// 超速次数环指示器的位置
temp = sroundRadius - 6 * genPaintWidth;
relativePoint = (float) Math.sqrt(temp * temp / 2);
canvas.drawCircle(centerPoint.x + relativePoint, centerPoint.y
+ relativePoint, radius / 12, flagPaint);
// 连接线
pts1 = new float[8];
pts1[0] = centerPoint.x + relativePoint + radius / 24;
pts1[1] = centerPoint.y + relativePoint + radius / 24;
pts1[2] = centerPoint.x + relativePoint + 80;
pts1[3] = centerPoint.y + relativePoint + 40;
pts1[4] = pts1[2];
pts1[5] = pts1[3];
pts1[6] = pts1[4] + 50;
pts1[7] = pts1[5];
canvas.drawLines(pts1, flagPaint);
// 文本
txt = "超速次数";
wt = progressTextPaint.measureText(txt);
canvas.drawText(txt, pts1[6] + 10, pts1[7] + 15, progressTextPaint);
if (complete) {
canvas.drawText(overSpeedCount + "次", pts1[6] + 10, pts1[7] - 20,
progressTextPaint);
}
// 环中心进度文本(动态迭加的)
int curPercent = curProgress;
progressTextPaint.setTextSize(60);
float ww = progressTextPaint.measureText(curPercent + "%");
canvas.drawText(curPercent + "%", centerPoint.x - ww / 2,
centerPoint.y, progressTextPaint);
// 评级提示
progressTextPaint.setTextSize(25);
float w = 0;
String text = "";
if (curPercent == 0) {
// 暂未评级
text = "暂未评级";
w = progressTextPaint.measureText(text);
complete = false;
} else if (curPercent < targetProgress) {
// 评级中...
text = "评级中...";
w = progressTextPaint.measureText(text);
} else if (curPercent == targetProgress) {
// 评级完成
text = "评级完成";
w = progressTextPaint.measureText(text);
complete = true;
postInvalidate();
}
canvas.drawText(text, centerPoint.x - w / 2, centerPoint.y + 40,
progressTextPaint);
}
/**
* 点击评分区域,进行评分
*
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();
if (x > centerPoint.x - radius && x < centerPoint.x + radius
&& y > centerPoint.y - radius && y < centerPoint.y + radius) {
Log.i(TAG, ">>>");
start();
}
return super.onTouchEvent(event);
}
}
来源:https://blog.csdn.net/oFanJunBin/article/details/40787929


猜你喜欢
- 前言本文章主要讲解控制流程:块作用域、条件语句、switch语句,篇幅不大,通俗易记。块作用域在深入学习控制结构前,须先了解块的作用。定义:
- 本文实例为大家分享了Opencv实现画笔功能的具体代码,供大家参考,具体内容如下#include<iostream>#inclu
- String.indexOf的模拟实现,没想象中有多么高深的查找算法,就是最普通的遍历查找思路:先找到第一个相同的字符,然后依次比较后面的字
- 前言在上一篇,我们谈到了jvm垃圾回收算法详细解析,并了解了JVM中针对堆区中不同的分代采用不同的垃圾回收算法在了解了垃圾回收算法之后,很多
- 通常C#使用基于XML的配置文件,不过如果有需要的话,比如要兼顾较老的系统,可能还是要用到INI文件。但C#本身并不具备读写INI文件的AP
- 本文讲述了Android编程中关于单线程模型的理解与分析。分享给大家供大家参考,具体如下:当一个Android程序启动时,Android系统
- 现在Web开发越来越倾向于前后端分离,前端使用AngularJS,React,Vue等,部署在NodeJS上,后面采用SpringBoot发
- 写在前面最近在研究Spring Cloud和Spring Cloud Alibaba源码,在看到Nacos的配置中心的时候,有注意到自动刷新
- 业务场景:调用同步接口获取当前全部有效账户,数据库已存在部分账户信息,因此需要筛选同步接口中已存在本地的帐户。调用接口获取的数据集合List
- Android作为一个伟大的系统,自然提供了设置默认打开程序的实现.在这篇文章中,我会介绍如何在Android系统中设置默认的程序. 在设置
- 序言因为之前在项目中使用看groovy对业务进行一些抽象,效果比较好,过程中踩过一些坑,所以简单记录分享一下自己如何一步一步去实现的为什么用
- 概览这部分内容来自于这个类的注释,简单翻译了下。LockSupport 类是用于创建锁和其他同步类的基本线程阻塞原语。它的实现思想
- 目录1.加载本地Word2.以只读模式加载Word3.从流加载Word【程序环境】Windows 10Visual Studio 2017W
- Java GC 机制与内存分配策略详解收集算法是内存回收的方 * ,垃圾收集器是内存回收的具体实现自动内存管理解决的是:给对象分配内存 以及
- 1、类的修饰符分为:可访问控制符和非访问控制符两种。 可访问控制符是:公共类修饰符 public非访问控制符有:抽象类修饰符 abstrac
- 1:和junit一起使用的时候因为没有读取配置文件,所以老是报创建Bean失败,上网查了查,原来是先要读取spring的核心配置文件,这样机
- 在linux主机部署Eureka高可用方案的时候,发现注册到服务中心的服务IP是随机的,由于主机的网卡是多个,随机的IP并不是自己想要的,上
- 一.服务器端获取Session对象依赖于客户端携带的Cookie中的JSESSIONID数据。如果用户把浏览器的隐私级别调到最高,这时浏览器
- 1、String类1.1两种对象实例化方式对于String在之前已经学习过了基本使用,就是表示字符串,那么当时使用的形式采取了直接赋值:pu
- 1、文件分为ASCII文件和二进制文件,ASCII文件也称文本文件,由一系列字符组成,文件中存储的是每个字符的ASCII码值。2、FILE