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");

相关阅读