Android-自定義控件--環(huán)形進(jìn)度條按鈕

Android的自定義的環(huán)形進(jìn)度條實(shí)現(xiàn)有多種方法。以下是其中一個(gè),可以實(shí)現(xiàn)一些復(fù)雜點(diǎn)的效果。
實(shí)現(xiàn)思路:繼承View類,并重寫onDraw方法。同時(shí)用一個(gè)類實(shí)時(shí)計(jì)算繪畫的進(jìn)度,實(shí)現(xiàn)環(huán)形進(jìn)度條的效果。

實(shí)現(xiàn)出來的效果:
1.添加了監(jiān)聽接口,監(jiān)控進(jìn)度條的繪畫是否完成,即進(jìn)度是100%。
2.可以設(shè)定進(jìn)度條播放的時(shí)間
3.可以點(diǎn)擊暫停和繼續(xù)還有停止進(jìn)行進(jìn)度條的繪畫,可以當(dāng)實(shí)時(shí)顯示音樂當(dāng)前播放進(jìn)度的按鈕。
4.更多的效果可有待繼續(xù)增加

image.png

xml文件中的屬性設(shè)置:

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

默認(rèn)變量:

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

    private CircleAttribute mCircleAttribute; // 圓形進(jìn)度條基本屬性

    private int mMaxProgress; // 進(jìn)度條最大值
    private int mMainCurProgress; // 主進(jìn)度條當(dāng)前值


    private CartoomEngine mCartoomEngine; // 動(dòng)畫引擎
    private boolean isBCartoom = false;//是否正在作畫
    private Drawable mBackgroundPicture; // 背景圖
    private boolean isPause = false; // 是否暫停
    private int mPlayTime; // 播放時(shí)間
    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類負(fù)責(zé)實(shí)時(shí)更新進(jìn)度條的當(dāng)前值,詳細(xì)代碼請下載源碼查看
源碼地址:http://download.csdn.net/detail/syun0929/7103809

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容