自定义View绘制圆形进度条

效果图

自定义View代码如下

package com.example.wwww;

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.util.AttributeSet;
import android.view.View;

public class MyView extends View {
    Paint paint;
    int pr;

    public MyView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public MyView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    @Override
    protected void onDraw(Canvas canvas) {
        paint = new Paint();
        paint.setColor(Color.BLUE);
        paint.setAntiAlias(true);
        paint.setStyle(Style.STROKE);
        paint.setStrokeWidth(8);

        int width = getWidth();
        RectF rectF = new RectF();
        rectF.left = 10;
        rectF.top = 10;
        rectF.right = width - 10;
        rectF.bottom = width - 10;
        canvas.drawArc(rectF, 0, 360, true, paint);
              //设置扇形面积
        paint.setColor(Color.RED);
        paint.setStyle(Style.FILL_AND_STROKE);
        canvas.drawArc(rectF, 0, 120, true, paint);

        paint.setColor(Color.BLACK);
        paint.setStyle(Style.FILL_AND_STROKE);
        canvas.drawArc(rectF, 120, 120, true, paint);

        paint.setColor(Color.GRAY);
        paint.setStyle(Style.FILL_AND_STROKE);
        canvas.drawArc(rectF, 240, 120, true, paint);
        /**
         * 进度条
         */
        paint.setColor(Color.GREEN);
        paint.setStyle(Style.STROKE);
        paint.setStrokeWidth(8);
        canvas.drawArc(rectF, 0, pr*360/100, false, paint);

        paint.setStyle(Style.FILL);
        paint.setTextSize(20);
        canvas.drawText(pr + "%", width / 2 - 28, width / 2 - 28, paint);
    }

    public void setPr(int pr) {
        this.pr = pr;
        invalidate();
    }
}


MainActivity 代码如下

package com.example.wwww;

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {
MyView pro;
int por = 0;
Handler handler = new Handler();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    pro = (MyView) findViewById(R.id.pro);
    handler.post(runnable);
}

Runnable runnable = new Runnable() {

    @Override
    public void run() {
        if (por >= 100) {
            handler.removeCallbacks(runnable);
        } else {
            por++;
            handler.postDelayed(runnable, 100);
            pro.setPr(por);
        }
    }
};

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值