用到了seekbar, so 上网找了下小demo，这位仁兄总结的很好，现转贴在这里。

原文地址：http://bashenmail.iteye.com/blog/603649

SeekBar配置文件：

Xml代码

1. < SeekBar
2. android:id = "@+id/player_seekbar"
3. android:layout_width = "245px"
4. android:layout_height = "25px"
5. android:progressDrawable = "@drawable/seekbar_style"
6. android:thumb = "@drawable/thumb"
7. android:paddingLeft = "16px"
8. android:paddingRight = "15px"
9. android:paddingTop = "5px"
10. android:paddingBottom = "5px"
11. android:progress = "0"
12. android:max = "0"
13. android:secondaryProgress = "0"
14. />

 <SeekBar      android:id="@+id/player_seekbar"     android:layout_width="245px"     android:layout_height="25px"     android:progressDrawable="@drawable/seekbar_style"     android:thumb="@drawable/thumb"     android:paddingLeft="16px"     android:paddingRight="15px"     android:paddingTop="5px"        android:paddingBottom="5px"        android:progress="0"        android:max="0"        android:secondaryProgress="0"        />  

android:progressDrawable="@drawable/seekbar_style"背景条

seekbar_style配置如下:

Xml代码

1. <? xml version = "1.0" encoding = "UTF-8" ?>
3. < layer-list xmlns:android = "http://schemas.android.com/apk/res/android" >
5. < item android:id = "@android:id/background" >
6. < shape >
7. < corners android:radius = "5dip" />
8. < gradient
9. android:startColor = "#ff9d9e9d"
10. android:centerColor = "#ff5a5d5a"
11. android:centerY = "0.75"
12. android:endColor = "#ff747674"
13. android:angle = "270"
14. />
15. </ shape >
16. </ item >
18. < item android:id = "@android:id/secondaryProgress" >
19. < clip >
20. < shape >
21. < corners android:radius = "5dip" />
22. < gradient
23. android:startColor = "#80ffd300"
24. android:centerColor = "#80ffb600"
25. android:centerY = "0.75"
26. android:endColor = "#a0ffcb00"
27. android:angle = "270"
28. />
29. </ shape >
30. </ clip >
31. </ item >
33. < item android:id = "@android:id/progress" >
34. < clip >
35. < shape >
36. < corners android:radius = "5dip" />
37. < gradient
38. android:startColor = "#ff0099CC"
39. android:centerColor = "#ff3399CC"
40. android:centerY = "0.75"
41. android:endColor = "#ff6699CC"
42. android:angle = "270"
43. />
44. </ shape >
45. </ clip >
46. </ item >
48. </ layer-list >

<?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>             <corners android:radius="5dip" />             <gradient                     android:startColor="#ff9d9e9d"                     android:centerColor="#ff5a5d5a"                     android:centerY="0.75"                     android:endColor="#ff747674"                     android:angle="270"             />         </shape>     </item>     <item android:id="@android:id/secondaryProgress">         <clip>             <shape>                 <corners android:radius="5dip" />                 <gradient                         android:startColor="#80ffd300"                         android:centerColor="#80ffb600"                         android:centerY="0.75"                         android:endColor="#a0ffcb00"                         android:angle="270"                 />             </shape>         </clip>     </item>     <item android:id="@android:id/progress">         <clip>             <shape>                 <corners android:radius="5dip" />                 <gradient                         android:startColor="#ff0099CC"                         android:centerColor="#ff3399CC"                         android:centerY="0.75"                         android:endColor="#ff6699CC"                         android:angle="270"                 />             </shape>         </clip>     </item> </layer-list>

或者：用图片如下：

Xml代码

1. <? xml version = "1.0" encoding = "utf-8" ?>
2. < layer-list xmlns:android = "http://schemas.android.com/apk/res/android" >
4. < item android:id = "@android:id/background"
5. android:drawable = "@drawable/progress_bg" />
7. < item android:id = "@android:id/secondaryProgress"
8. android:drawable = "@drawable/second_progress" >
9. </ item >
11. < item android:id = "@android:id/progress"
12. android:drawable = "@drawable/first_progress" >
14. </ item >
15. </ layer-list >

<?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/progress_bg" />     <item android:id="@android:id/secondaryProgress"      android:drawable="@drawable/second_progress"></item><item android:id="@android:id/progress"      android:drawable="@drawable/first_progress">    </item> </layer-list>

方形

Xml代码

1. < layer-list xmlns:android = "http://schemas.android.com/apk/res/android" >
4. < item android:id = "@android:id/background"
5. android:drawable = "@drawable/progress_bg" />
8. < item android:id = "@android:id/secondaryProgress" >
9. < clip android:drawable = "@drawable/second_progress" />
10. </ item >
13. < item android:id = "@android:id/progress" >
14. < clip android:drawable = "@drawable/first_progress" />
15. </ item >
18. </ layer-list >

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">     <item android:id="@android:id/background"     android:drawable="@drawable/progress_bg" />     <item android:id="@android:id/secondaryProgress">      <clip android:drawable="@drawable/second_progress" />     </item>     <item android:id="@android:id/progress">          <clip android:drawable="@drawable/first_progress" />     </item> </layer-list>

android:thumb="@drawable/thumb"就是那个会动的球

配置如下：

Xml代码

1. <? xml version = "1.0" encoding = "UTF-8" ?>
2. < selector xmlns:android = "http://schemas.android.com/apk/res/android" >
4. <!--按下状态-->
5. < item
6. android:state_focused = "true"
7. android:state_pressed = "true"
8. android:drawable = "@drawable/thumb_pressed" />
9. <!--普通无焦点状态-->
10. < item
11. android:state_focused = "false"
12. android:state_pressed = "false"
13. android:drawable = "@drawable/thumb_normal" />
14. <!--有焦点状态-->
15. < item
16. android:state_focused = "true"
17. android:state_pressed = "false"
18. android:drawable = "@drawable/thumb_focused" />
19. <!--有焦点-->
20. < item
21. android:state_focused = "true"
22. android:drawable = "@drawable/thumb_focused" />
23. </ selector >

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">         <!-- 按下状态--><item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/thumb_pressed" />     <!-- 普通无焦点状态 --><item android:state_focused="false" android:state_pressed="false"android:drawable="@drawable/thumb_normal" />           <!-- 有焦点状态--><item android:state_focused="true" android:state_pressed="false"           android:drawable="@drawable/thumb_focused" />      <!-- 有焦点 --><item android:state_focused="true"           android:drawable="@drawable/thumb_focused" />  </selector>

更多相关文章

1. 没有一行代码，「2020 新冠肺炎记忆」这个项目却登上了 GitHub 中
2. PopupWindow位置
3. Android(安卓)摄像头自动对焦的几点注意
4. Android(安卓)Studio 设置内存大小及原理
5. AlertDialog使用自定义的布局
6. java.io.IOException：Can't read [F:\..\android-support-v4.ja
7. Android应用开发之（你必须知道的android selector下的属性值）
8. android之解析包时出现错误（二）
9. android之点击回退键俩次退出程序

随机推荐

1. 不正确的日期时间值:“item.purchase dat
2. 希望为自己构建一个用于PHP + MySQL开发
3. php图片上传并重命名图片的功能实现原理
4. php如何以一个对象作为数组下标？
5. 过期时间为“会话结束”的Cookie何时到期
6. PHP打开所有报错
7. php预定义常量目录分隔符
8. php-自动过滤、自动填充、自动验证
9. drupal优化全攻略
10. 将数据从一个流传输到另一个流