自定义进度条

【需求】

图片.png

【xml 布局】

 <ProgressBar
   android:id="@+id/pbr"
   style="@style/shell_progressbar_style"
   android:layout_width="140dp"
   android:layout_height="8dp"
   android:max="100"
   android:layout_marginBottom="20dp"
   tools:progress="73"/>

【styles.xml】

   <style name="shell_progressbar_style" parent="Widget.AppCompat.ProgressBar.Horizontal">
    <item name="android:progressDrawable">@drawable/shell_layer_progressbar</item>
</style>

【3】drawable文件夹下的shell_layer_progressbar文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--3个层的顺序即为显示时的叠加顺序-->
<!--背景色-->
<item android:id="@android:id/background">
    <shape>
        <corners android:radius="10dp" />
        <solid android:color="#F5F5F5" />
    </shape>
</item>
<!--二级进度条的颜色-->
<item android:id="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="10dp" />
            <solid android:color="#88F56100" />
        </shape>
    </clip>
</item>
<!--一级进度条的颜色，也可以直接替换成图片-->
<item android:id="@android:id/progress">
    <clip>
        <shape>
            <corners android:radius="10dp" />
            <solid android:color="#FF9F15" />
        </shape>
    </clip>
</item>
</layer-list>

【注意】 如何 动态 修改 进度条样式？
【代码】

 private final String COLOR_GOOD_PRAISE = "#FF9F15";
 ClipDrawable drawable = new ClipDrawable(new   ColorDrawable(Color.parseColor(COLOR_GOOD_PRAISE)), Gravity.LEFT, ClipDrawable.HORIZONTAL);
    mPbr.setProgressDrawable(drawable);//必须先设置到progressbar上再设置level，告诉这个drawable的宽度有多宽，这个level才能生效
    drawable.setLevel(goodProgress);
    mPbr.setProgressDrawable(drawable);
    mPbr.setProgress(goodProgress);