首頁 > 軟體

Android自定義View實現圓形進度條

2022-06-29 18:03:47

本文範例為大家分享了Android自定義View實現圓形進度條的具體程式碼,供大家參考,具體內容如下

原理非常簡單,在自定義View的基礎上使用Canvas的drawCircle畫兩個圓,一個圓代表總體,一個圓代表現有進度,在主執行緒中使用set方法在Handler中傳遞進度,進度和總體都可以新增set、get方法進行自定義

//主執行緒程式碼如下

public class MainActivity extends Activity {
private Button mBtn_start;
private MyProgresscircle myProgresscircle;
private int progress;
private Handler handler=new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what){
case 0:
progress++;
if(progress<=100){//形成迴圈
myProgresscircle.setCurrentProgress(progress);//傳遞進度
handler.sendEmptyMessageDelayed(0,200);//模擬下載延遲
                    }
break;
            }
        }
    };

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
myProgresscircle= (MyProgresscircle) findViewById(R.id.myprogress);
mBtn_start= (Button) findViewById(R.id.button_start);
mBtn_start.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
handler.sendEmptyMessage(0);//啟動下載傳送一個空訊息開始
            }
        });
    }
}

//自定義View程式碼:

public class MyProgresscircle extends View {
private int width;
private int height;
private Paint mPaintText;
private Paint mPaintCircle;
private Paint mPaintCircleCurrent;
private int CurrentProgress;
private int MaxProgress=100;

public void setCurrentProgress(int currentProgress) {

CurrentProgress = currentProgress;
        invalidate();
    }

public int getMaxProgress() {
return MaxProgress;
    }

public void setMaxProgress(int maxProgress) {
MaxProgress = maxProgress;
    }

public MyProgresscircle(Context context) {
super(context);
    }

public MyProgresscircle(Context context, AttributeSet attrs) {
super(context, attrs);
mPaintText=new Paint();//字型進度畫筆
mPaintText.setTextSize(80);
mPaintText.setColor(Color.WHITE);
mPaintText.setStrokeWidth(10);
mPaintText.setTextAlign(Paint.Align.CENTER);//偏移

mPaintCircle=new Paint();//外圓畫筆
mPaintCircle.setColor(Color.GRAY);
mPaintCircle.setAntiAlias(true);
mPaintCircle.setStrokeWidth(10);

mPaintCircleCurrent=new Paint();//進度圓畫筆
mPaintCircleCurrent.setColor(Color.YELLOW);
mPaintCircleCurrent.setAntiAlias(true);
mPaintCircleCurrent.setStrokeWidth(10);
    }

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {//這個複寫方法用來得到寬和高
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
        setMeasuredDimension(width, height);
    }

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
        canvas.drawCircle(width / 2, height / 2, 200, mPaintCircle);
        canvas.drawCircle(width/2,height/2,CurrentProgress/100f*200,mPaintCircleCurrent);
        canvas.drawText(CurrentProgress*100f/MaxProgress+"%",width/2,height/2,mPaintText);//把進度轉化為百分比
    }
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援it145.com。


IT145.com E-mail:sddin#qq.com