Android自定义控件实现支付宝记账饼图

本文实例为大家分享了Android实现支付宝记账饼图，点击旋转到最下面，供大家参考，具体内容如下

代码：

package com.example.a_102.myapplication7.ui; 
import java.util.ArrayList; 
import java.util.List; 
import android.animation.Animator; 
import android.animation.ValueAnimator; 
import android.annotation.TargetApi; 
import android.content.Context; 
import android.graphics.BitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Rect; 
import android.graphics.RectF; 
import android.os.Build; 
import android.text.TextUtils; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.animation.AccelerateInterpolator; 
import com.example.a_102.myapplication7.util.Util; 
/** 
* 
*/ 
public class SelectPieView extends View { 
private static final String TAG = "CustomPie_tag"; 
private int width; 
private SelectPieCallBack mCallBack; 
private boolean initPostion = false; 
/** 
* 当前选中的区域 
*/ 
private int currentDownPostion; 
public SelectPieView(Context context) { 
super(context); 
} 
public SelectPieView(Context context, AttributeSet attrs) { 
super(context, attrs); 
} 
public SelectPieView(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
} 
@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
int width; 
int hight; 
int widthmode = MeasureSpec.getMode(widthMeasureSpec); 
int widthsize = MeasureSpec.getSize(widthMeasureSpec); 
int hightmode = MeasureSpec.getMode(heightMeasureSpec); 
int hightsize = MeasureSpec.getSize(heightMeasureSpec); 
if (MeasureSpec.EXACTLY == widthmode) { 
width = widthsize; 
} else { 
width = 200; 
if (MeasureSpec.AT_MOST == widthmode) { 
width = Math.min(widthsize, 200); 
} 
} 
if (MeasureSpec.EXACTLY == hightmode) { 
hight = hightsize; 
} else { 
hight = 200; 
if (MeasureSpec.AT_MOST == hightmode) { 
hight = Math.min(hightsize, 200); 
} 
} 
setMeasuredDimension(Math.min(width, hight), Math.min(width, hight)); 
} 
/** 
* 笔宽 
*/ 
private int mPaintWid; 
/** 
* 外边圆半径 
*/ 
private int mOutRoot; 
/** 
* 内边圆半径 
*/ 
private int mIntRoot; 
/** 
* 空白处宽度 
*/ 
private int emptysize = -1; 
/** 
* 点击前的圆和点击后的圆半径差距 
*/ 
private float betweenSize = 10; 
/** 
* 向限 
*/ 
private int XIANGXAIN; 
/** 
* 开始的角度 
*/ 
private float start = 360; 
/** 
* 旋转过的角度 
*/ 
private List<startAndRoatData> haveRoats = new ArrayList<>(); 
/** 
* 
*/ 
private String mTitle = "总消费"; 
/** 
* 
*/ 
private String mSubTitle = "00"; 
/** 
* 
*/ 
private String mSubTitleDot = "00"; 
/** 
* 是否在运行 
*/ 
private boolean isRun = true; 
private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); 
private Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
/** 
* 整数部分 
*/ 
private Paint textPaintSubTitle= new Paint(Paint.ANTI_ALIAS_FLAG); 
/** 
* 小数部分 
*/ 
private Paint textPaintSubTitleDot= new Paint(Paint.ANTI_ALIAS_FLAG); 
@Override 
protected void onDraw(Canvas canvas) { 
// reSetData(); 
if (null == datas || datas.size() == 0) 
return; 
width = getWidth(); 
mOutRoot = width / 2; 
mPaintWid = Util.dip2px(getContext(), 40); 
mIntRoot = mOutRoot - mPaintWid; 
paint.setStyle(Paint.Style.STROKE); 
paint.setColor(Color.RED); 
paint.setStrokeWidth(mPaintWid); 
RectF rt = new RectF(mPaintWid / 2 + betweenSize, mPaintWid / 2 + betweenSize, 
width - mPaintWid / 2 - betweenSize, width - mPaintWid / 2 - betweenSize); 
RectF rt2 = new RectF(mPaintWid / 2, mPaintWid / 2, width - mPaintWid / 2, width - mPaintWid / 2); 
int size = datas.size(); 
float allValues = 0; 
for (int i = 0; i < datas.size(); i++) { 
allValues += datas.get(i).getValuse(); 
} 
// allValues = allValues + emptysize * size; 
float sigleSize = (360 - emptysize * datas.size()) / (allValues * 1f); 
float end = 0; 
haveRoats.clear(); 
for (int i = 0; i < size; i++) { 
paint.setColor(getResources().getColor(datas.get(i).getColor())); 
end = datas.get(i).getValuse() * sigleSize; 
if (!isRun && datas.get(i).getPostion() == currentDownPostion && datas.size()>1) { 
canvas.drawArc(rt2, start + 3, end - 6, false, paint); 
canvas.drawArc(rt, start + 3, end - 6, false, paint); 
} else { 
canvas.drawArc(rt, start, end, false, paint); 
} 
Log.i(TAG, "first=" + start % 360 + "==" + end + "postion=" + datas.get(i).getPostion()); 
haveRoats.add(new startAndRoatData(datas.get(i).getPostion(), start % 360, end)); 
start = start + end + emptysize; 
} 
textPaint.setStrokeWidth(Util.dip2px(getContext(), 1)); 
/** 画图片 */ 
for (int i = 0; i < haveRoats.size(); i++) { 
startAndRoatData startAndRoatData = haveRoats.get(i); 
float x = 0; 
float y = 0; 
if (!isRun && currentDownPostion == haveRoats.get(i).getPostion() && datas.size()>1) { 
x = (float) (Math 
.cos(Math.PI / 180 * (startAndRoatData.getStartAng() + startAndRoatData.getRoatAng() / 2)) 
* (mIntRoot + mPaintWid / 2) + mOutRoot); 
y = (float) (Math 
.sin(Math.PI / 180 * (startAndRoatData.getStartAng() + startAndRoatData.getRoatAng() / 2)) 
* (mIntRoot + mPaintWid / 2) + mOutRoot); 
} else { 
x = (float) (Math 
.cos(Math.PI / 180 * (startAndRoatData.getStartAng() + startAndRoatData.getRoatAng() / 2)) 
* (mIntRoot + mPaintWid / 2 - betweenSize) + mOutRoot); 
y = (float) (Math 
.sin(Math.PI / 180 * (startAndRoatData.getStartAng() + startAndRoatData.getRoatAng() / 2)) 
* (mIntRoot + mPaintWid / 2 - betweenSize) + mOutRoot); 
} 
Rect rect = new Rect((int) (x - mPaintWid / 3), (int) (y - mPaintWid / 3), (int) (x + mPaintWid / 3), 
(int) (y + mPaintWid / 3)); 
int width = BitmapFactory.decodeResource(getResources(), datas.get(i).getIcon()).getWidth(); 
// L=n（圆心角度数）× π（圆周率）× r（半径）/180（角度制） 
if (startAndRoatData.getRoatAng() * Math.PI * (mIntRoot + mPaintWid / 2) / 180 > width) { 
canvas.drawBitmap(BitmapFactory.decodeResource(getResources(), datas.get(i).getIcon()), null, rect, 
null); 
} 
} 
textPaint.setStyle(Paint.Style.FILL); 
textPaint.setTextSize(Util.dip2px(getContext(), 14)); 
/** 写文字 */ 
canvas.drawText(mTitle, width / 2 - (textPaint.measureText(mTitle)) / 2, 
width / 2 - Util.dip2px(getContext(), 8), textPaint); 
textPaintSubTitle.setTextSize(Util.dip2px(getContext(), 20)); 
canvas.drawText(mSubTitle, 
width / 2 - (textPaintSubTitle.measureText(mSubTitle)) / 2 - (textPaintSubTitleDot.measureText("."+mSubTitleDot) / 2), 
width / 2 + Util.dip2px(getContext(), 15), textPaintSubTitle); 
textPaintSubTitleDot.setTextSize(Util.dip2px(getContext(), 15)); 
canvas.drawText("." + mSubTitleDot, 
width / 2 + textPaintSubTitle.measureText(mSubTitle) /2 - (textPaintSubTitleDot.measureText("." + mSubTitleDot))/2, 
width / 2 + Util.dip2px(getContext(), 15), textPaintSubTitleDot); 
//Toast.makeText(getContext(), "=="+textPaint.measureText(mSubTitle), Toast.LENGTH_SHORT).show(); 
/** 测试基线 */ 
/* 
* paint.setColor(Color.BLACK); 
* paint.setStrokeWidth(Util.dip2px(getContext(), 1)); 
* 
* canvas.drawLine(0, width / 2, width, width / 2, paint); 
* canvas.drawLine(width / 2, 0, width / 2, width, paint); 
*/ 
/** 
* 初始化位置 
* */ 
if (!initPostion) { 
initPostion = true; 
startAndRoatData roatData = haveRoats.get(0); 
float currentCenterAng = roatData.getStartAng() + roatData.getRoatAng() / 2; 
if (currentCenterAng < 90) { 
starRoat(start, start + 90 - (roatData.getStartAng() + roatData.getRoatAng() / 2), false); 
} else if (currentCenterAng > 90 && currentCenterAng < 270) { 
starRoat(start, start - (currentCenterAng - 90), false); 
} else { 
starRoat(start, start + 360 + 90 - (roatData.getStartAng() + roatData.getRoatAng() / 2), false); 
} 
currentDownPostion = roatData.getPostion(); 
isRun = false; 
invalidate(); 
} 
} 
/** 
* 设置显示金额 
* 
* @param number 
*/ 
public void setNumber(String number) { 
if (TextUtils.isEmpty(number)) { 
number = "0.00"; 
} 
if (number.contains(".")) { 
String[] split = number.split("\\."); 
mSubTitle = split[0]; 
mSubTitleDot = split[1]; 
} else { 
mSubTitle = number; 
mSubTitleDot = "00"; 
} 
if (mSubTitleDot.length() > 2) { 
mSubTitleDot = mSubTitleDot.substring(0, 2); 
} 
} 
private int Lxy2; 
@Override 
public boolean onTouchEvent(MotionEvent event) { 
switch (event.getAction()) { 
case MotionEvent.ACTION_DOWN: 
float x = event.getX(); 
float y = event.getY(); 
double atan = Math.atan((x - mOutRoot) / (mOutRoot - y)); 
double currntAngle = (atan / Math.PI * 180); 
double clickAngle = 0; 
Lxy2 = (int) Math.pow(x - mOutRoot, 2) + (int) Math.pow(mOutRoot - y, 2); 
if (Math.pow(mIntRoot, 2) < Lxy2 && Lxy2 < Math.pow(mOutRoot, 2)) { 
if (x > width / 2 && y > width / 2) { 
/** currntAngle第四象限是负数 */ 
// starRoat(start, (float) (start - currntAngle), true); 
clickAngle = currntAngle +90; 
} else if (x > width / 2 && y < width / 2) { 
/** currntAngle第一象限是负数 */ 
//starRoat(start, (float) (start + 180 - currntAngle), true); 
clickAngle = currntAngle +270; 
} else if (x < width / 2 && y < width / 2) { 
/** currntAngle第二象限是正数 */ 
//starRoat(start, (float) (start - (180 - Math.abs(currntAngle))), true); 
clickAngle = currntAngle +270; 
} else { 
/** currntAngle第三象限是正数 */ 
//starRoat(start, (float) (start - Math.abs(currntAngle)), true); 
clickAngle = currntAngle +90; 
} 
int i = clickDownPostion(clickAngle); 
startAndRoatData roatData = haveRoats.get(i); 
currentDownPostion = roatData.getPostion(); 
float currentCenterAng = roatData.getStartAng() + roatData.getRoatAng() / 2; 
if (currentCenterAng < 90) { 
starRoat(start, start + 90 - (roatData.getStartAng() + roatData.getRoatAng() / 2), true); 
} else if (currentCenterAng > 90 && currentCenterAng < 270) { 
starRoat(start, start - (currentCenterAng - 90), true); 
} else { 
starRoat(start, start + 360 + 90 - (roatData.getStartAng() + roatData.getRoatAng() / 2), true); 
} 
} 
return true; 
} 
return super.onTouchEvent(event); 
} 
private int clickDownPostion(double clickAngle) { 
for (int i = 0; i < haveRoats.size(); i++) { 
startAndRoatData data = haveRoats.get(i); 
if ((data.getStartAng() < clickAngle && data.getStartAng() + data.getRoatAng() > clickAngle) 
|| (data.getStartAng() + data.getRoatAng() > 360 
&& ((data.getStartAng() + data.getRoatAng()) % 360) > clickAngle)) { 
return i; 
} 
} 
return 0; 
} 
@TargetApi(Build.VERSION_CODES.HONEYCOMB) 
public void starRoat(final float star, final float end, boolean isSmooth) { 
ValueAnimator valueAnimator = ValueAnimator.ofFloat(star, end); 
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
@Override 
public void onAnimationUpdate(ValueAnimator animation) { 
float animatedValue = (float) animation.getAnimatedValue(); 
start = animatedValue; 
isRun = true; 
invalidate(); 
} 
}); 
valueAnimator.setDuration(isSmooth ? (long) (700) : 10); 
valueAnimator.setInterpolator(new AccelerateInterpolator()); 
valueAnimator.start(); 
valueAnimator.addListener(new Animator.AnimatorListener() { 
@Override 
public void onAnimationStart(Animator animation) { 
} 
@Override 
public void onAnimationEnd(Animator animation) { 
if (currentDownPostion == -1) { 
start++; 
starRoat(start, start++, false); 
} else { 
isRun = false; 
invalidate();//画突出部分 
mCallBack.currentPostion(currentDownPostion); 
} 
} 
@Override 
public void onAnimationCancel(Animator animation) { 
} 
@Override 
public void onAnimationRepeat(Animator animation) { 
} 
}); 
} 
private List<PieData> datas = new ArrayList<>(); 
public void reSetData(List<PieData> data) { 
datas.clear(); 
datas.addAll(data); 
float all =0; 
for (PieData da : datas) { 
all += da.getValuse(); 
} 
if (all < 360) { 
for (PieData da : datas) { 
da.setValuse(da.getValuse() * 200); 
} 
} 
for (PieData da : datas) { 
all += da.getValuse(); 
} 
/**强制设置最低值*/ 
for (PieData da : datas) { 
if (da.getValuse() / all < 0.03) { 
da.setValuse((float) (all * 0.03)); 
} 
} 
invalidate(); 
} 
/** 
* 判断当前选择的所在区间 
* 
* @return 
*/ 
private int findCurrentDownPostion() { 
if (haveRoats == null || haveRoats.size() <= 0) { 
return 1; 
} 
for (int i = 0; i < haveRoats.size(); i++) { 
float startAng = haveRoats.get(i).getStartAng(); 
float roatAng = haveRoats.get(i).getRoatAng(); 
//Utility.Logi(TAG, "currentpostion=sstar=" + startAng + "===rroat=" + roatAng); 
if (startAng < 90 && (startAng <= 90 && startAng + roatAng > 90)) { 
// Utility.Logi(TAG, "currentpostion=" + haveRoats.get(i).getPostion()); 
return haveRoats.get(i).getPostion(); 
} else if (startAng > 90 && startAng - 360 + roatAng > 90) { 
//Utility.Logi(TAG, "currentpostion=" + haveRoats.get(i).getPostion()); 
return haveRoats.get(i).getPostion(); 
} 
} 
return -1; 
} 
public void setCallBack(SelectPieCallBack callBack) { 
this.mCallBack = callBack; 
} 
public interface SelectPieCallBack { 
void currentPostion(int postion); 
} 
public static class PieData { 
public PieData(int postion, float valuse, int color, int icon) { 
this.postion = postion; 
this.valuse = valuse; 
this.color = color; 
this.icon = icon; 
} 
private int postion; 
private float valuse; 
private int color; 
private int icon; 
public int getPostion() { 
return postion; 
} 
public void setPostion(int postion) { 
this.postion = postion; 
} 
public float getValuse() { 
return valuse; 
} 
public void setValuse(float valuse) { 
this.valuse = valuse; 
} 
public int getColor() { 
return color; 
} 
public void setColor(int color) { 
this.color = color; 
} 
public int getIcon() { 
return icon; 
} 
public void setIcon(int icon) { 
this.icon = icon; 
} 
} 
class startAndRoatData { 
private int postion; 
private float startAng; 
private float roatAng; 
public startAndRoatData(int postion, float startAng, float roatAng) { 
this.postion = postion; 
this.startAng = startAng; 
this.roatAng = roatAng; 
} 
public int getPostion() { 
return postion; 
} 
public void setPostion(int postion) { 
this.postion = postion; 
} 
public float getStartAng() { 
return startAng; 
} 
public void setStartAng(float startAng) { 
this.startAng = startAng; 
} 
public float getRoatAng() { 
return roatAng; 
} 
public void setRoatAng(float roatAng) { 
this.roatAng = roatAng; 
} 
@Override 
public String toString() { 
return "startAndRoatData{" + "postion=" + postion + ", startAng=" + startAng + ", roatAng=" + roatAng + '}'; 
} 
} 
} 

用法如下：

SelectPieView mPie = (SelectPieView) findViewById(R.id.pie); 
mPie.setCallBack(new SelectPieView.SelectPieCallBack() { 
@Override 
public void currentPostion(int postion) { 
Toast.makeText(CustomViewActivity.this, "postion="+postion, Toast.LENGTH_SHORT).show(); 
} 
}); 
ArrayList<SelectPieView.PieData> datas = new ArrayList<>(); 
datas.add(new SelectPieView.PieData(1, 200.3f, R.color.read_color, R.drawable.arrow)); 
datas.add(new SelectPieView.PieData(2, 200.3f, R.color.hx_red, R.drawable.arrow)); 
datas.add(new SelectPieView.PieData(3, 200.3f, R.color.text_blue, R.drawable.arrow)); 
mPie.reSetData(datas); 
mPie.setNumber("333.33"); 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持华域联盟。