Android自定义View倒计时圆

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <declare-styleable name="CountDownView">
    <!--颜色-->
    <attr name="ringColor" format="color" />
    <!-- 进度文本的字体大小 -->
    <attr name="progressTextSize" format="dimension" />
    <!-- 圆环宽度 -->
    <attr name="ringWidth" format="float" />
    <!--进度文本颜色-->
    <attr name="progressTextColor" format="color"/>
    <!--倒计时-->
    <attr name="countdownTime" format="Integer"/>
  </declare-styleable>
</resources>

@H_450_20@ import android.content.Context; /** * Created by 王 on 2017/10/21. */ public class DisplayUtil { /** * 将px装换成dp，保证尺寸不变 * @param context * @param pxValue * @return */ public static int px2dp(Context context,float pxvalue){ float density = context.getresources().getDisplaymetrics().density;//得到设备的密度 return (int) (pxValue/density+0.5f); } public static int dp2px(Context context,float dpvalue){ float density = context.getresources().getDisplaymetrics().density; return (int) (dpValue*density+0.5f); } public static int px2sp(Context context,float pxvalue){ float scaleDensity = context.getresources().getDisplaymetrics().scaledDensity;//缩放密度 return (int) (pxValue/scaleDensity+0.5f); } public static int sp2px(Context context,float spvalue) { float scaleDensity = context.getresources().getDisplaymetrics().scaledDensity; return (int) (spValue*scaleDensity+0.5f); } }

@H_450_20@ import android.animation.Animator; import android.animation.AnimatorListenerAdapter; import android.animation.ValueAnimator; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.RectF; import android.util.AttributeSet; import android.view.View; import android.view.animation.LinearInterpolator; /** * Created by 王 on 2017/10/21. */ public class CountDownView extends View{ //圆轮颜色 privatE int mRingColor; //圆轮宽度 private float mRingWidth; //圆轮进度值文本大小 privatE int mRingProgessTextSize; //宽度 privatE int mWidth; //高度 privatE int mHeight; private Paint mPaint; //圆环的矩形区域 private RectF mRectF; // privatE int mProgessTextColor; privatE int mCountdownTime; private float mCurrentProgress; private OnCountDownFinishListener mListener; public CountDownView(Context context) { this(context,null); } public CountDownView(Context context,AttributeSet attrs) { this(context,attrs,0); } public CountDownView(Context context,AttributeSet attrs,int defStyleAttr) { super(context,defStyleAttr); TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.CountDownView); mRingColor = a.getColor(R.styleable.CountDownView_ringColor,context.getresources().getColor(R.color.colOraccent)); mRingWidth = a.getFloat(R.styleable.CountDownView_ringWidth,40); mRingProgessTextSize = a.getDimensionPixelSize(R.styleable.CountDownView_progressTextSize,DisplayUtil.sp2px(context,20)); mProgessTextColor = a.getColor(R.styleable.CountDownView_progressTextColor,context.getresources().getColor(R.color.colOraccent)); mCountdownTime = a.getInteger(R.styleable.CountDownView_countdownTime,10); a.recycle(); mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setAntiAlias(true); this.setWillNotDraw(false); } public void setCountdownTime(int mCountdownTimE) { this.mCountdownTime = mCountdownTime; } @Override protected void onLayout(Boolean changed,int left,int top,int right,int bottom) { super.onLayout(changed,left,top,right,bottom); mWidth = getMeasuredWidth(); mHeight = getMeasuredHeight(); mRectF = new RectF(0 + mRingWidth / 2,0 + mRingWidth / 2,mWidth - mRingWidth / 2,mHeight - mRingWidth / 2); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); /** *圆环 */ //颜色 mPaint.setColor(mRingColor); //空心 mPaint.setStyle(Paint.Style.stroke); //宽度 mPaint.setstrokeWidth(mRingWidth); canvas.drawArc(mRectF,-90,mCurrentProgress - 360,false,mPaint); //绘制文本 Paint textPaint = new Paint(); textPaint.setAntiAlias(true); textPaint.setTextAlign(Paint.Align.CENTER); String text = mCountdownTime - (int) (mCurrentProgress / 360f * mCountdownTimE) + ""; textPaint.setTextSize(mRingProgessTextSizE); textPaint.setColor(mProgessTextColor); //文字居中显示 Paint.FontMetricsInt fontMetrics = textPaint.getFontMetricsInt(); int baseline = (int) ((mRectF.bottom + mRectF.top - fontMetrics.bottom - fontMetrics.top) / 2); canvas.drawText(text,mRectF.centerX(),baseline,textPaint); } private ValueAnimator getValA(long countdownTimE) { ValueAnimator valueAnimator = ValueAnimator.ofFloat(0,100); valueAnimator.setDuration(countdownTimE); valueAnimator.seTinterpolator(new LinearInterpolator()); valueAnimator.setRepeatCount(0); return valueAnimator; } /** * 开始倒计时 */ public void startCountDown() { setClickable(false); ValueAnimator valueAnimator = getValA(mCountdownTime * 1000); valueAnimator.addupdateListener(new ValueAnimator.AnimatorupdateListener() { @Override public void onAnimationupdate(ValueAnimator animation) { float i = Float.valueOf(String.valueOf(animation.getAnimatedValue())); mCurrentProgress = (int) (360 * (i / 100f)); invalidate(); } }); valueAnimator.start(); valueAnimator.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { super.onAnimationEnd(animation); //倒计时结束回调 if (mListener != null) { mListener.countDownFinished(); } setClickable(true); } }); } public void setAddCountDownListener(OnCountDownFinishListener mListener) { this.mListener = mListener; } public interface OnCountDownFinishListener { void countDownFinished(); } }

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://scheR_636_11845@as.android.com/apk/res/android"
  xmlns:app="http://scheR_636_11845@as.android.com/apk/res-auto"
  xmlns:tools="http://scheR_636_11845@as.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="com.example.circulardemo.MainActivity">

  <com.example.circulardemo.CountDownView
    android:id="@+id/cdv"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />

</RelativeLayout>

@H_450_20@ import android.os.bundle; import android.support.v7.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceStatE) { super.onCreate(savedInstanceStatE); setContentView(R.layout.activity_main); CountDownView countDownView = (CountDownView) findViewById(R.id.cdv); //启动 countDownView.startCountDown(); countDownView.setAddCountDownListener(new CountDownView.onCountDownFinishListener() { @Override public void countDownFinished() { Toast.makeText(MainActivity.this,"倒计时结束",Toast.LENGTH_SHORT).show(); } }); } }