轉(zhuǎn)載連接:seekBar自定義樣式

1.xml文件:

  <SeekBar
            android:id="@+id/sb_run_watt"
            android:layout_width="400dp"
            android:layout_height="15dp"
            android:max="100"
            android:maxHeight="15dp"
            android:minHeight="15dp"
            android:progress="34"
            android:thumbOffset="0dp"               
android:progressDrawable="@drawable/seekbar_style"
            android:thumb="@drawable/seekbar_thumb"/>     

可以發(fā)現(xiàn)屬性:thumbOffset為0,是為了確保thumb,滑到左右倆端時,不會滑出去;
并且layout_width值不等于progressDrawable的寬度;

2.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" android:drawable="@drawable/seekbar_bg" /
 <item android:id="@android:id/secondaryProgress">
       <scale android:scaleWidth="100%">
            <selector>
                <item android:state_enabled="false">
                    <color android:color="@android:color/transparent"/>
                </item>
                <item android:drawable="@drawable/seekbar_bg"/>
            </selector>
        </scale>
</item>
    <item android:id="@android:id/progress">
      <scale android:scaleWidth="100%">
            <selector>
                <item android:state_enabled="false">
                    <color android:color="@android:color/transparent"/>
                </item>
                <item android:drawable="@drawable/seekbar_fg"/>
            </selector>
        </scale>
    </item>
</layer-list>

主要注意:3個item的順序,以及透明度100%,因為防止后面被擋住,當(dāng)然如果用color表示progress,如下:

 <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="3dp"/>
                <solid android:color="#a691ff02"/>
            </shape>
        </clip>
    </item>

3.seekbar_thumb.xml

<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/seekbar_slider" />
    <item android:state_focused="false" android:state_pressed="false" android:drawable="@drawable/seekbar_slider" />
    <item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/seekbar_slider" />
    <item android:state_focused="true" android:drawable="@drawable/seekbar_slider" />
</selector>