ProgressBar自定义漂亮样式样式

来源:互联网 发布:带租约商铺 知乎 编辑:程序博客网 时间:2024/05/22 05:47

效果图:

ProgressBar的xml布局

 <ProgressBar

                android:id="@+id/mp3_seekBar"
                style="?android:attr/progressBarStyleHorizontal"这里是将ProgressBar设置成横条状的
                android:layout_width="fill_parent"
                android:layout_height="5dp"
                android:layout_above="@+id/mp3_time"
                android:layout_marginLeft="7dp"
                android:layout_marginRight="7dp"
                android:layout_toRightOf="@+id/thislinearlayout01"
                android:progressDrawable="@drawable/progress_style"这里设置 自定义ProgressBar三层颜色

                android:max="100" />

progress_style.xml在drawable里边的xml文件  三层图形颜色

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >


    <item android:id="@android:id/background">  背景层
        <shape>
            <corners android:radius="8.0dip" />


            <gradient
                android:angle="270.0"
                android:endColor="#E3DCD7"
                android:startColor="#FFFFFF" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">  缓冲层
        <shape>
            <corners android:radius="8.0dip" />


             <gradient
                android:angle="270.0"
                android:endColor="#E3DCD7"
                android:startColor="#FFFFFF" />
        </shape>
    </item>
    <item android:id="@android:id/progress">进度层
        <clip>
            <shape>
                <corners android:radius="8.0dip" />


                <gradient
                    android:angle="270.0"
                    android:centerColor="#B86464"
                    android:endColor="#B86464"
                    android:startColor="#FFFFFF" />
            </shape>
        </clip>
    </item>


</layer-list>