您的位置:首页 > 移动开发 > Android开发

自定义seeKbar背景

2015-09-09 12:54 344 查看
最近有项目需求,需要改变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、至此,主要代码完结,最终实现的效果如图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android 布局