自定義控件——環(huán)形進度條

   系統(tǒng)提供的環(huán)形進度條無法顯示進度，且不會停止轉(zhuǎn)動，所以要用到能顯示進度的進度條時，只能自己定義一個控件。

   API Demos里面有提供類似的畫法，API Demos --> Graphics --> Arcs。

   若想做到如上圖所示的最終效果，且×××進度的部分是通過動畫漸漸生成的，則步驟如下：

   （1）首先新建一個類，繼承View或者ProgressBar或者ImageView都可以，區(qū)別就在于若繼承ProgressBar或者ImageView則我們自定義的控件也會具有這些父類的屬性，比如繼承ProgressBar時，運行就會發(fā)現(xiàn)除了我們畫出來的控件之外，還能看到系統(tǒng)的無盡進度條。若想去除，則將onDraw（）方法中的super.onDraw(canvas)刪除即可。其實一般都是繼承View即可。

   （2）創(chuàng)建畫筆，若想畫圓環(huán)，而不是實心圓，則畫筆要設(shè)置成空心格式：

       mPaint.setStyle(Style.STROKE);再通過mPaint.setStrokeWidth(50)來設(shè)置畫筆寬度。上圖所示效果其實是由一個背景藍色圓環(huán)和一個進度條×××圓弧構(gòu)成，所以要創(chuàng)建兩個畫筆。

   （3）畫出背景圓環(huán)：在onDraw（）方法中寫canvas.drawCircle(150, 150, 100, mPaint_bg);

   （4）畫圓弧進度條：畫圓弧的方法為canvas.drawArc(oval, -90, angle, false, mPaint);

第一個參數(shù)是一個橢圓，作為畫圓弧的模板，第二個參數(shù)表示起始角度，第二個參數(shù)表示轉(zhuǎn)動的總角度，第三個參數(shù)表示是否要畫出圓內(nèi)部分。所以要先創(chuàng)建一個橢圓對象：RectF oval = new RectF(50, 50, 250, 250);要想達到如上圖所示效果，則橢圓要與背景圓完全重合，自己要計算好坐標。因為要實現(xiàn)動畫生成進度的效果，所以第三個參數(shù)要設(shè)置為一個變量，實時變化。

   （5）寫一個方法，可以外部調(diào)用，來設(shè)置進度條的進度：    

        public void setProgress(int progress)

       {

           this.maxProgress = progress;

        }

   （6）設(shè)置動畫效果：在構(gòu)造方法中寫：

    postDelayed(new Runnable() {

    @Override

         public void run() {

            totalAngle = 360*maxProgress/100;

            angle += 5;

            invalidate();

            if (angle <= totalAngle)

            {

                postDelayed(this, 80);

             }

         }

     }, 80);

   （7）在要用到該控件的類中，放入此控件，并得到控件對象，調(diào)用setProgress(int progress)方法即可完成。

備注：

   1、drawArc（）方法的第四個參數(shù)若設(shè)置成true，則效果如下：

   2、用Style.STROKE風格的畫筆畫圓弧時，圓弧并不是完全畫在橢圓模板的外圍，而是一半寬度處于橢圓內(nèi)部，一半處于外圍，同樣的，畫圓時也一樣。將模板圓畫出來就可以看到，實際情況如下圖所示：