自定义圆环

最新推荐文章于 2025-04-29 08:31:32 发布

原创最新推荐文章于 2025-04-29 08:31:32 发布 · 839 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#自定义

自定义专栏收录该内容

15 篇文章

订阅专栏

自定义圆环继承view也可以完成，不过我这里选择继承sufaceview，sufaceview 通常用于频繁的view绘制，比如股票市场动态的折线图，对于这种高频操作，sufaceview要比view来的更合适一些。

sufaceview特性：可以在主线程之外的线程中向屏幕绘图上。这样可以避免画图任务繁重的时候造成主线程阻塞，从而提高了程序的反应速度。

老罗关于sufaceview的原理分析：http://blog.youkuaiyun.com/luoshengyang/article/details/8661317/

先贴上效果图：

代码如下：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Paint.Style;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

/**
 * 进度圆环
 */
public class RingView extends SurfaceView implements SurfaceHolder.Callback{
    /** 画笔*/
    private Paint paint;
    /** 是否绘制*/
    private boolean isDraw;
    /** 绘图线程*/
    private MyThread myThread;
    /** 画布宽*/
    private int ringwidth;
    /** 画布高*/
    private int ringheight;
    private RectF rectF;
    private SurfaceHolder surfaceHolder;
    /** 画布*/
    private Canvas canvas;
    /** 目标进度 默认为80 */
    private int targetvalue=80;
    /** 当前进度*/
    private int nowvalue=0;
    /** 绘制进度文字*/
    private String text;
    /** 包裹文字的矩形*/
    private Rect rect;
    /**文字的高度 */
    private int textheight;
    /**
     * 设置目标进度 （0-100）
     * @param targetvalue
     */
    public void SetPlan(int targetvalue){
        if(targetvalue!=0)
            this.targetvalue=targetvalue;
    }
    public RingView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }
    public RingView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    public RingView(Context context) {
        super(context);
        init();
    }
    private void init() {
        //添加回调接口
        surfaceHolder=getHolder();
        surfaceHolder.addCallback(this);
        //初始化线程
        myThread=new MyThread();
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        ringwidth=measure(widthMeasureSpec,true);
        ringheight=measure(heightMeasureSpec,false);
        setMeasuredDimension(ringwidth,ringheight);
    }
    @SuppressWarnings("unused")
    private int measure(int MeasureSpecSize, boolean b) {
        int result=200;//设定一个值
        int size=MeasureSpec.getSize(MeasureSpecSize);
        int mode=MeasureSpec.getMode(MeasureSpecSize);
        if(mode==MeasureSpec.EXACTLY){
            result=size;
        }else if(mode==MeasureSpec.AT_MOST){
            if(true){//宽
                result=Math.max(size,result);
            }else{//高
                result=Math.min(size,result);
            }
        }
        return result;
    }
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        ringwidth=w;
        ringheight=h;
    }
    //在创建时激发，一般在这里调用画图的线程。
    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        isDraw=true;
        paint=new Paint();
        paint.setStyle(Style.STROKE);
        paint.setTextSize(60);
        paint.setTextAlign(Paint.Align.CENTER);//设置了该属性  文字横向居中，但是纵向不会居中
        //开启线程
        myThread.start();
    }
    //在surface的大小发生改变时激发
    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

    }
    //销毁时激发，一般在这里将画图的线程停止、释放。
    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        isDraw=false;
    }
    class MyThread extends Thread{
        @Override
        public void run() {
            if(isDraw){
                drawRing();
            }
        }
    }
    /**
     * 绘制圆环
     */
    public void drawRing() {
        int radius=Math.min(ringheight/2, ringwidth/2);
        rectF=new RectF(ringwidth/2-radius, ringheight/2-radius, ringwidth/2+radius, ringheight/2+radius);
        while(nowvalue<targetvalue){
            if(!isDraw)
                break;
            nowvalue+=1;
            text=nowvalue+" %";
            //锁定画布，一般在锁定后就可以通过其返回的画布对象Canvas，在其上面画图等操作了
            canvas=surfaceHolder.lockCanvas();
            canvas.drawColor(Color.WHITE);
            paint.setColor(Color.GREEN);
            canvas.drawArc(rectF, 0, 360, false, paint);
            paint.setColor(Color.RED);
            canvas.drawArc(rectF, 0,(float) (nowvalue*3.6), false, paint);
            MeasureText();
            canvas.drawText(text,ringwidth/2, ringheight/2+textheight/2, paint);
            //解除锁定并显示
            surfaceHolder.unlockCanvasAndPost(canvas);
            try {
                Thread.sleep(200);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
    /**
     * 计算文字高
     */
    private  void MeasureText(){
        rect=new Rect();
        paint.getTextBounds(text, 0, text.length()-1, rect);
        textheight=rect.bottom-rect.top;
    }
}