自定义Android SeekBar 图片 大小 等样式

系统自带的SeekBar真是太难看了，不能容忍！ 只能自己做了,先来张效果图

%title插图%num

 

第1个Seekbar 背景是颜色，thumb是图片，上代码：

 

  1.     <SeekBar
  2.         android:id=“@+id/sb_detail_play_progress”
  3.         android:layout_width=“fill_parent”
  4.         android:layout_height=“wrap_content”
  5.         android:layout_centerVertical=“true”
  6.         android:layout_gravity=“center”
  7.         android:paddingLeft=“15.0dip”
  8.         android:paddingRight=“15.0dip”
  9.         android:progressDrawable=“@drawable/progress_holo_light”
  10.         android:thumb=“@drawable/detail_icon_schedule_ball” />

drawable/po_seekbar.xml:

  2. <?xml version=”1.0″ encoding=”utf-8″?>
  3. <layer-list
  4. xmlns:android=“http://schemas.android.com/apk/res/android”>
  5. <item android:id=“@*android:id/background”>
  6. <shape>
  7. <solid android:color=“#ff51495e” />
  8. </shape>
  9. </item>
  10. <item android:id=“@*android:id/secondaryProgress”>
  11. <clip>
  12. <shape>
  13. <solid android:color=“#ff51495e” />
  14. </shape>
  15. </clip>
  16. </item>
  17. <item android:id=“@*android:id/progress”>
  18. <clip>
  19. <shape>
  20. <solid android:color=“#ff996dfe” />
  21. </shape>
  22. </clip>
  23. </item>
  24. </layer-list>
  1.  

drawable/seekbar_thumb.xml:

  1.  <?xml version=”1.0″ encoding=”utf-8″?>
  3. <selector
  5. xmlns:android=“http://schemas.android.com/apk/res/android”>
  7. <item android:state_focused=“true” android:state_pressed=“false” android:drawable=“@drawable/seekbar_thumb_normal” />
  9. <item android:state_focused=“true” android:state_pressed=“true” android:drawable=“@drawable/seekbar_thumb_pressed” />
  11. <item android:state_focused=“false” android:state_pressed=“true” android:drawable=“@drawable/seekbar_thumb_pressed” />
  13. <item android:drawable=“@drawable/seekbar_thumb_normal” />
  15. </selector>
  1. 改变大小
  2. 如何改变seekbar的厚度呢，是没有属性能直接修改的，得通过重新定义样式：

     

     
  3. <SeekBar
  4. android:layout_width="match_parent"
  5. android:layout_height="wrap_content"
  6. android:layout_marginTop="20dp"
  7. android:thumb="@drawable/seek"
  8. android:progressDrawable="@drawable/seek_style"
  9. />
  10.  
  11. <?xml version="1.0" encoding="utf-8"?>
  12. <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
  14. <size
  15. android:width="20dp"
  16. android:height="20dp"
  17. />
  18. <solid android:color="#60f0"/>
  19. </shape>
  20. progressDrawable 修改进度条的样式：  
     
  21. <?xml version="1.0" encoding="utf-8"?>
  22. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  24. <item android:id="@android:id/background">
  25. <shape>
  27. <solid android:color="#999"/>
  28. </shape>
  29. </item>
  31. <item android:id="@android:id/secondaryProgress">
  32. <clip>
  33. <shape>
  34. <corners android:radius="5dip" />
  35. <gradient
  36. android:startColor="#80ffd300"
  37. android:centerColor="#80ffb600"
  38. android:centerY="0.75"
  39. android:endColor="#a0ffcb00"
  40. android:angle="270"
  41. />
  42. </shape>
  43. </clip>
  44. </item>
  46. <item android:id="@android:id/progress">
  47. <clip>
  48. <shape>
  50. <solid android:color="#600f"/>
  51. </shape>
  52. </clip>
  53. </item>
  55. thumb 修改可拖拽的圆的样式：