Android自定義View實現圓形進度條
本文實例為大傢分享瞭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);//把進度轉化為百分比 } }
以上就是本文的全部內容,希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。
推薦閱讀:
- Android自定義View實現球形動態加速球
- Android自定義模擬時鐘控件
- Android Studio實現進度條效果
- Android用Canvas繪制貝塞爾曲線
- Android View實現圓形進度條