自定义seeKbar背景

最近有项目需求，需要改变seekbar的背景。记录代码如下

1、首先是布局文件：

 <SeekBar
                    android:id="@+id/fence_seekbar"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:max="7"
                    android:progress="0"
                    android:minHeight="2dp"
                    android:maxHeight="2dp"
                    android:progressDrawable="@drawable/seekbar_layer_list"
                    android:thumb="@drawable/shape_seelbar_circular"
                    />


 android:progressDrawable="@drawable/seekbar_layer_list"   设置seekbar背景
 android:thumb="@drawable/shape_seelbar_circular"          设置seekbar滑块

2、接下来是seekbar_layer_list.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>
            <solid android:color="#969696"/>
            <corners android:radius="10px"/>
        </shape>
    </item>
    <!--二层背景-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#ff51495e"/>
                <corners android:radius="10px"/>
            </shape>
        </clip>
    </item>
    <!--滑动过的部分-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="@color/comm_sky_blue"/>
                <corners android:radius="10px"/>
            </shape>
        </clip>
    </item>
</layer-list>

3、shape_seelbar_circular.xml,在此只是简单的滑块显示，没有进行selector处理

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <solid android:color="#2F9BFF"/>
    <size android:height="20dp"
          android:width="20dp"/>
</shape>

4、至此，主要代码完结，最终实现的效果如图：