玩转ProgressBar,设置渐变效果，同时设置两个进度的颜色显示！！！

废话就不多说了，直接看看效果吧！

解析 ：ProgressBar 有两个属性： 

        1、progress : 这个大家都非常清楚，设置进度都是用这个属性，不必多解释了（progress 图层在 secondaryProgress之上）

        2、secondaryProgress：这个其实也是设置进度的属性，但是它是在Progress图层的下面。

 总结：所以上面的效果，紫色渐变用的secondaryProgress属性 设置进度，白色用的是progress属性来设置。这些属性主需要在XML中配置就好。

XML代码如下：

<ProgressBar
    android:secondaryProgress="80"
    android:progress="30"
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="7.5dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="31dp"
    android:layout_toLeftOf="@+id/ll_right"
    android:layout_toRightOf="@+id/ll_left"
    android:background="@drawable/arena_enerey_prbg"
    android:max="100"
    android:padding="1dp"
    android:progressDrawable="@drawable/progressbar" />

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!--背景-->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                android:angle="0"
                android:centerColor="#241809"
                android:centerY="0.75"
                android:endColor="#241809"
                android:startColor="#241809" />
        </shape>
    </item>

    <!--第二层进度颜色  PS:他在prgress进度条颜色图层之下-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="0"
                    android:centerColor="#47179f"
                    android:centerY="0.75"
                    android:endColor="#672fad"
                    android:startColor="#47179f" />
            </shape>
        </clip>
    </item>

    <!--进度颜色  progress颜色  PS:他在secondarprgress进度条颜色图层之上-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <!--渐变 中间、结束、开始-->
                <gradient
                    android:angle="0"
                    android:centerColor="#4fff"
                    android:endColor="#4fff"
                    android:startColor="#4fff" />
            </shape>
        </clip>
    </item>

</layer-list>