自定义漂亮的Android SeekBar样式

系统自带的SeekBar真是太难看了，项目需要，只能自定义了

seek_drawable.xml

[html] view
plaincopy

<?xml version="1.0" encoding="utf-8"?>

<layer-list

xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/background" android:drawable="@drawable/play_back" />

<item android:id="@android:id/secondaryProgress">

<clip android:drawable="@drawable/seek_sencond_progress" />

</item>

<item android:id="@android:id/progress">

<clip android:drawable="@drawable/play_schedule" />

</item>

</layer-list>

seek_thumb.xml

[html] view
plaincopy

<?xml version="1.0" encoding="utf-8"?>

<selector

xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true" android:drawable="@drawable/play_slide" />

<item android:state_pressed="false" android:drawable="@drawable/play_slide_normal" />

</selector>

然后这样用就OK了：

[html] view
plaincopy

<SeekBar

android:id="@+id/ctrl_skbProgress"

android:layout_width="200dp"

android:layout_height="40dp"

android:layout_gravity="center_vertical"

android:maxHeight="40dp"

android:minHeight="40dp"

android:paddingLeft="2dp"

android:paddingRight="2dp"

android:progressDrawable="@drawable/seek_drawable"

android:thumb="@drawable/seek_thumb"

android:thumbOffset="2.0dp" />

最终的效果图：