Android下修改SeekBar样式

SeekBar配置文件：

 

改变seekbar上的按钮通过设置android:thumb属性

改变seekbar的那个条设置android:progressDrawable属性

Xml代码  


<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代码  


<?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代码  


<?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代码  


<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代码  


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