android 사용자 정의 링 통계 도 애니메이션
1.테스트 캡 처
2.실현 원리
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);
}
}
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Kotlin의 기초 - 2부지난 글에서는 Kotlin이 무엇인지, Kotlin의 특징, Kotlin에서 변수 및 데이터 유형을 선언하는 방법과 같은 Kotlin의 기본 개념에 대해 배웠습니다. 유형 변환은 데이터 변수의 한 유형을 다른 데이터...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.