android 横向渐变进度条

说明

安卓布局里面直接饮用ProgressBar控件会样式比较单一，使用样式文件样式会好看的。

效果

代码

布局文件

<ProgressBar
                        android:id="@+id/progressBar"
                        style="?android:attr/progressBarStyleHorizontal"
                        android:layout_width="match_parent"
                        android:layout_height="7.5dp"
                        android:layout_weight="1"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="10dp"
                        android:max="100"
                        android:progress="80"
                        android:progressDrawable="@drawable/progress_fund_detail"
                        android:visibility="visible"/>

布局

<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="#F5F5F5"
                android:centerY="0.75"
                android:endColor="#F5F5F5"
                android:startColor="#F5F5F5" />
        </shape>
    </item>

    <!--缓冲区的进度-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="0"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:startColor="#80ffd300" />
            </shape>
        </clip>
    </item>

    <!--进度条从左到右色值，渐变-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="0"
                    android:endColor="#52ABFF"
                    android:startColor="#52F9FF" />
            </shape>
        </clip>
    </item>

</layer-list>

其他

secondaryProgress：表示包含缓冲区的进度，