Android圆环形自定义进度条控件的绘制

<span style="font-size:24px;">效果图如下：</span>

以下是代码详细：

package org.example.fanqietime;

import android.annotation.SuppressLint;
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.os.Handler;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class OvalTimeView extends SurfaceView implements SurfaceHolder.Callback {

    public OvalTimeView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        holder = this.getHolder();
        holder.addCallback(this);
    }

    @Override
    public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
        // TODO Auto-generated method stub
        ispause = false;
    }

    @SuppressLint("WrongCall")
    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        init();
        new Thread(new Runnable() {
            @Override
            public void run() {
                // TODO Auto-generated method stub
                onDraw();
            }
        }).start();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        ispause = true;
    }

    private int width;
    private int height;
    private int radius,radius2;
    private int zxX = 0;
    private int zxY = 0;
    public SurfaceHolder holder;
    private boolean ispause = false;
    private float textSixe1,textSixe2;

    public void init(){
        width = getWidth();
        height = getHeight();

        if(width >= height)
            radius = height / 2 - 10;
        else
            radius = width / 2 - 10;

        zxX = width / 2;
        zxY = height / 2;
        radius2 = radius - radius / 20;
        textSixe1 = (float) (radius * 1.0 / 2.5);
        textSixe2 = (float) (radius * 1.0 / 6.3);
    }

    public float angle = 0;
    public boolean istop = true;
    public int sleep = 1000;
    public int longtime = 0;
    public int finaltime = 0;
    public int bgcolor;
    private Handler thandler;

    public void setTHandler(Handler thandler){
        this.thandler = thandler;
    }

    public void setLongtime(int finaltime,int currentlong, int color){
        this.longtime = finaltime - currentlong;
        this.finaltime = finaltime;
        bgcolor = color;
        angle = (float) (angle + (360 * 1.0 / finaltime) * currentlong);
        istop = false;
    }

    public void startDraw(Canvas canvas, SurfaceHolder holder){
        if(!ispause){
            canvas = holder.lockCanvas(null);//锁定画布，一般在锁定后就可以通过其返回的画布对象Canvas，在其上面画图等操作了。
            canvas.drawColor(bgcolor);
            drawWOval(canvas);
            drawSOval(canvas, angle);
            drawNOval(canvas);
            drawNText(canvas);
            holder.unlockCanvasAndPost(canvas);//结束锁定画图，并提交改变。
        }
    }

    //画外圆
    public void drawWOval(Canvas canvas){
        Paint paint = new Paint();
        paint.setColor(Color.parseColor("#FFFFFF"));
        paint.setStrokeWidth(2);// 设置画笔粗细
        paint.setStyle(Paint.Style.FILL);
        paint.setAntiAlias(true);  
        canvas.drawOval(new RectF(zxX - radius, zxY - radius, zxX + radius, zxY + radius), paint);
    }
    //画内圆
    public void drawNOval(Canvas canvas){
        Paint paint = new Paint();
        paint.setColor(bgcolor);
        paint.setStrokeWidth(2);// 设置画笔粗细
        paint.setStyle(Paint.Style.FILL);
        paint.setAntiAlias(true);  
        canvas.drawOval(new RectF(zxX - radius2, zxY - radius2, zxX + radius2, zxY + radius2), paint);
    }
    //画扇形圆
    public void drawSOval(Canvas canvas, float angle){
        Paint paint = new Paint();
        paint.setColor(bgcolor);
        paint.setStrokeWidth(2);// 设置画笔粗细
        paint.setStyle(Paint.Style.FILL);
        paint.setAlpha(50);
        paint.setAntiAlias(true);
        canvas.drawArc(new RectF(zxX - radius, zxY - radius, zxX + radius, zxY + radius), 270, angle, true, paint);
    }
    //画外圆
    public void drawNText(Canvas canvas){
        Paint paint = new Paint();
        paint.setColor(Color.parseColor("#FFFFFF"));
        paint.setStrokeWidth(2);// 设置画笔粗细
        paint.setStyle(Paint.Style.FILL);
        paint.setAntiAlias(true);
        paint.setTextSize(textSixe1);
        //获取文字宽度高度
        String str = CommonUtil.SecondsToTimeString(longtime);
        Rect rect = new Rect();
        paint.getTextBounds(str, 0, str.length(), rect);
        int w = rect.width();
        int h = rect.height();
        canvas.drawText(str, zxX - (w / 2), zxY + (h / 2), paint);
        //画工作名称
        str = AppApplication.getInstances().getWork().getWorkname();
        paint.setTextSize(textSixe2);
        paint.getTextBounds(str, 0, str.length(), rect);
        int ww = rect.width();
        int hw = rect.height();
        canvas.drawText(str, zxX - (ww / 2), zxY - hw * 2, paint);
    }

    public void onDraw(){
        while(true){
            if(!istop){
                Canvas canvas = null;
                synchronized (holder){
                    try {
                        startDraw(canvas , holder);
                        angle = (float) (angle + (360 * 1.0 / finaltime));
                        if(angle >= 360 || longtime < 0){
                            thandler.sendEmptyMessage(1001);
                            break;
                        }
                        Thread.sleep(sleep);
                    } catch (InterruptedException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                    longtime --;                        //工作时间递减
                }
            }else{
                Canvas canvas = null;
                startDraw(canvas , holder);
            }
        }
    }
}