andorid 自定义seekbar

效果如图：

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
3. <style name="Widget.SeekBar.Normal" parent="@android:style/Widget.SeekBar">
4. <item name="android:maxHeight">8.0dip</item>
5. <item name="android:indeterminateOnly">false</item>
6. <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
7. <item name="android:progressDrawable">@drawable/seekbar_horizontal</item>
8. <item name="android:minHeight">8.0dip</item>
9. <item name="android:thumb">@drawable/seek_thumb</item>
10. <item name="android:thumbOffset">10.0dip</item>
11. </style>
12. </resources>

seekbar_horizontal.xml

1. <?xml version="1.0" encoding="UTF-8"?>
2. <layer-list
3. xmlns:android="http://schemas.android.com/apk/res/android">
4. <item android:id="@android:id/background" android:drawable="@drawable/seek_bkg" />
5. <item android:id="@android:id/secondaryProgress">
6. <clip>
7. <shape>
8. <corners android:radius="2.0dip" />
9. <gradient android:startColor="#80ffd300" android:endColor="#a0ffcb00" android:angle="270.0" android:centerY="0.75" android:centerColor="#80ffb600" />
10. </shape>
11. </clip>
12. </item>
13. <item android:id="@android:id/progress">
14. <clip android:drawable="@drawable/seek" />
15. </item>
16. </layer-list>

使用方法main.xml

1. <SeekBar android:id="@+android:id/progresss"
2. android:layout_width="fill_parent" android:layout_height="wrap_content"
3. android:layout_marginTop="50dip" style="@style/Widget.SeekBar.Normal" />

seek.9.png

seek_bkg.9.png

seek_thumb.png

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

<shape

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

android:shape="oval"

android:useLevel="false">

<solidandroid:color="@color/red"/>

<stroke

android:width="1dp"

android:color="@color/white"/>

    <sizeandroid:width="20dp"

android:height="20dp"/>

</shape>