用.9圖改變SeekBar樣式

 

1.佈局文件中的SeekBar：
（進度條樣式 android:progressDrawable="@drawable/seekbar_bg"）

（拖動按鈕 android:thumb="@drawable/thumb_bar"  也可配置樣式，如按下狀態等；）

                 <SeekBar
                        android:id="@+id/my_seekBar"
                        android:layout_width="300dp"
                        android:layout_height="20dp"
                        android:max="100"
                        android:minHeight="10dp"  
                        android:maxHeight="10dp"  
                        android:paddingLeft="8dp"  
                        android:paddingRight="8dp"
                        android:thumbOffset="5dp"
                        android:layout_centerVertical="true"
                          android:progressDrawable="@drawable/seekbar_bg"
                          android:thumb="@drawable/thumb"
                         />
 

2.進度條樣式文件配置 seekbar_bg.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" >
        
        <nine-patch android:src="@drawable/bar_dn" />  
    </item>
        
       <!--第二進度-->
    <item android:id="@+android:id/SecondaryProgress" >
          <nine-patch android:src="@drawable/bar_dn" />  
    </item> 


      <!--進度-->
    <item android:id="@+android:id/progress" >
        <clip > 
          <nine-patch android:src="@drawable/bar_up"/>
        </clip>
    </item>
  
</layer-list>

----以上是用.9圖的配置，如果直接用圖片則可以直接這樣配置：

 <layer-list>

   <item 

           android:id="@+android:id/background" 
           android:drawable="@drawable/bar_dn" />

<item 

           android:id="@+android:id/SecondaryProgress" 
           android:drawable="@drawable/bar_dn" />

<item 

            android:id="@+android:id/progress" 
           android:drawable="@drawable/bar_up" />

</layer-list>

3.  拖動按鈕 android:thumb="@drawable/thumb"（下圖中的小白點）

進度條.9圖片(後綴爲.9.png)

bar_dn.9.png

bar_up.9.png