Android-自定義控件--環形進度條按鈕

Android的自定義的環形進度條實現有多種方法。以下是其中一個,可以實現一些復雜點的效果。
實現思路:繼承View類,并重寫onDraw方法。同時用一個類實時計算繪畫的進度,實現環形進度條的效果。

實現出來的效果:
1.添加了監聽接口,監控進度條的繪畫是否完成,即進度是100%。
2.可以設定進度條播放的時間
3.可以點擊暫停和繼續還有停止進行進度條的繪畫,可以當實時顯示音樂當前播放進度的按鈕。
4.更多的效果可有待繼續增加

image.png

xml文件中的屬性設置:

<!-- 環形進度條按鈕屬性 -->
    <declare-styleable name="CircleProgressBar">  
        <attr name="max" format="integer"/>                <!-- 進度條最大值 -->
        <attr name="fill" format="boolean"/>              <!-- 是否填充圓形區域 ,不填充就是環形的進度條了-->
        <attr name="Paint_Width" format="integer"/>        <!-- 畫筆寬度,填充模式下無效,會被重置為0 -->
        <attr name="Paint_Color" format="integer"/>        <!-- 畫筆顏色 -->
        <attr name="Inside_Interval" format="integer"/>   <!-- 圓形區域向里縮進的距離 --> 
    </declare-styleable>

默認變量:

private static String TAG = "CircleProgressButton";
    private static final int DEFAULT_MAX_VALUE = 100; // 默認進度條最大值
    private static final int DEFAULT_PAINT_WIDTH = 10; // 默認畫筆寬度
    private static final int DEFAULT_PAINT_COLOR = 0xffffcc00; // 默認畫筆顏色
    private static final boolean DEFAULT_FILL_MODE = true; // 默認填充模式
    private static final int DEFAULT_INSIDE_VALUE = 0; // 默認縮進距離

    private CircleAttribute mCircleAttribute; // 圓形進度條基本屬性

    private int mMaxProgress; // 進度條最大值
    private int mMainCurProgress; // 主進度條當前值


    private CartoomEngine mCartoomEngine; // 動畫引擎
    private boolean isBCartoom = false;//是否正在作畫
    private Drawable mBackgroundPicture; // 背景圖
    private boolean isPause = false; // 是否暫停
    private int mPlayTime; // 播放時間
    private  OnCompletedListener mCompLsn;
    private boolean finishFlag = false;

重寫onDraw方法:

public void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);

        if (mBackgroundPicture == null) // 沒背景圖的話就繪制底色
        {
            canvas.drawArc(mCircleAttribute.mRoundOval, 0, 360,
                    mCircleAttribute.mBRoundPaintsFill,
                    mCircleAttribute.mBottomPaint);
        }



        float rate = (float) mMainCurProgress / mMaxProgress;
        float sweep = 360 * rate;
        canvas.drawArc(mCircleAttribute.mRoundOval, mCircleAttribute.mDrawPos,
                sweep, mCircleAttribute.mBRoundPaintsFill,
                mCircleAttribute.mMainPaints);
        postInvalidate();
    }

CartoomEngine類負責實時更新進度條的當前值,詳細代碼請下載源碼查看
源碼地址:http://download.csdn.net/detail/syun0929/7103809

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,455評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,250評論 4 61
  • 1.還在摸索適應階段 2.基本能做到早起 3.時間利用率還是不高,拖延癥還是沒得到很好的改變 4.時間多投入在雜事...
    DaisyMiu閱讀 135評論 0 0
  • 不知不覺已經堅持慢跑一年有余,大概因為覺得主動長期堅持一件枯燥的事情,總會有點感悟,總覺得應該寫點什么,可似乎又無...
    kamidox閱讀 1,237評論 0 4
  • 曾經以為:好的人緣戓是好的社會關系,就應該被許多人圍繞,有太多的朋友圍繞在左右!就是一種成功的狀態~證明有那么多的...
    華蓮閱讀 774評論 0 0