Android下修改SeekBar样式

SeekBar配置文件：

view plain copy to clipboard print ?

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.           />  

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

seekbar_style配置如下:

Xml代码

1. <?xml version="1.0" encoding="UTF-8"?>  
2.   
3. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
4.   
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>  
17.   
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>  
32.   
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>  
47.   
48. </layer-list>  

或者：用图片如下：

Xml代码

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

方形

Xml代码

1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">   
2.   
3.   
4.     <item android:id="@android:id/background"   
5.     android:drawable="@drawable/progress_bg" />   
6.   
7.   
8.     <item android:id="@android:id/secondaryProgress">   
9.      <clip android:drawable="@drawable/second_progress" />   
10.     </item>   
11.   
12.   
13.     <item android:id="@android:id/progress">   
14.          <clip android:drawable="@drawable/first_progress" />   
15.     </item>   
16.   
17.   
18. </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">        
3.        
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>