创建自定义view继承view
package com.example.jindu.ui.weight;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.graphics.RectF;import android.util.AttributeSet;import android.view.View;public class ProgressView extends View {private Context context;private int height, width; //自定义控件的宽高private float progress; //进度private Paint paint; //蓝色扇形所需的画笔private Paint bkPaint; //白色圆形所需的画笔private Paint tvPaint; //圆里面的进度字所需的画笔private Rect mBound; //用于获取字体的大小public ProgressView(Context context, AttributeSet attrs) {super(context, attrs);this.context = context;this.paint = new Paint();this.bkPaint = new Paint();this.tvPaint = new Paint();this.mBound = new Rect();init();}private void init() {paint.setStyle(Paint.Style.FILL);paint.setColor(Color.RED);paint.setAntiAlias(true);bkPaint.setStyle(Paint.Style.FILL);bkPaint.setColor(Color.BLUE);bkPaint.setAntiAlias(true);tvPaint.setColor(Color.BLACK);tvPaint.setTextSize(30);}//获取当前控件的高度和宽度，单位是像素@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);height = MeasureSpec.getSize(heightMeasureSpec);width = MeasureSpec.getSize(widthMeasureSpec);}//获取到了宽高后我们就可以开始画了，在CircleProgressBar 的onDraw方法里面画扇形，圆形，字。private float set2Degree(float sendFt) { //将进度的数值变为弧度数值，进度100，弧度有360，所以比例是3.6return sendFt * 3.6f;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);if (width * height == 0) {return;}canvas.drawArc(new RectF(0, 0, width, height), 270, set2Degree(progress), true, paint);//画蓝色扇形canvas.drawCircle(width / 2, height / 2, width / 2 - 15, bkPaint); //画绿色圆形，半径比蓝色扇形的小5pxif (progress < 100) { //进度没达到100%时显示进度String strPro = String.valueOf((int) progress) + "%";tvPaint.getTextBounds(strPro, 0, strPro.length(), mBound);canvas.drawText(strPro, width / 2 - mBound.width() / 2, height / 2 + mBound.height()/ 2, tvPaint);} else { //达到100%后显示完成String text = "完成";tvPaint.getTextBounds(text, 0, text.length(), mBound);canvas.drawText(text, width / 2 - mBound.width() / 2, height / 2 + mBound.height() /2, tvPaint);}}//更新弧度，在CircleProgressBar里面加个public方法来实时更新进度。--进度发生改变后调用改方法修改进度public void setProgress(float progress) {this.progress = progress;postInvalidate();}}
布局引入view
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".ui.activity.MainActivity"><com.example.jindu.ui.weight.ProgressViewandroid:id="@+id/circle_progress"android:layout_width="200dp"android:layout_height="200dp"android:layout_centerInParent="true"android:layout_gravity="center_horizontal"/></RelativeLayout>
主方法Activity运用Handler
package com.example.jindu.ui.activity;import android.animation.AnimatorSet;import android.content.Intent;import android.os.Handler;import android.os.Message;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import com.example.jindu.ui.weight.ProgressView;import com.example.jindu.R;public class MainActivity extends AppCompatActivity {private ProgressView circleProgressBar;private AnimatorSet animatorSet;private float progress = 0;private Handler handler = new Handler() {@Overridepublic void handleMessage(Message msg) {if (msg.what == 1) {if (progress <= 99) {//animatorSet.start();++progress;circleProgressBar.setProgress(progress); //更新进度条sendEmptyMessageDelayed(1, 100);}if (progress == 100) {startActivity(new Intent(MainActivity.this, TwoActivity.class));}}}};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化控件circleProgressBar = findViewById(R.id.circle_progress);//发送消息handler.sendEmptyMessageDelayed(1, 100);}}
效果实现
