Android下修改SeekBar样式

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"?>  
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 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">  
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 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">   
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>  

<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">        
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>