Android SeekBar自定义UI

1.制作好相应的图片，放入res/drawable-xxxx文件夹下

2、在 /res/drawable/ 下新建两个文件：seek_img.xml thumb.xml

seek_img.xml

<?xml version="1.0" encoding="utf-8"?><layer-listxmlns:android="http://schemas.android.com/apk/res/android"><!-- 背景图 -->  <item    android:id="@+android:id/background"    android:drawable="@drawable/total"/>    <!--全部能量图  -->  <item    android:id="@+android:id/SecondaryProgress"    android:drawable="@drawable/total"/>    <!-- 进和能量图 -->  <item    android:id="@+android:id/progress"    android:drawable="@drawable/part"/></layer-list>

thumb.xml

<?xml version="1.0" encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android">               <!-- 按下状态 -->        <item               android:state_pressed="true"android:state_focused="true"             android:drawable="@drawable/point"/>    <!-- 普通无焦点状态 -->        <item        android:state_focused="false"              android:state_pressed="false"            android:drawable="@drawable/point"/></selector>

3、定义好上面两个xml后，就可以在 /res/layout/main.xml中调用它们了。

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent">    <SeekBar        android:id="@+id/sBar"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:minHeight="5dip"        android:maxHeight="5dip"        android:progressDrawable="@drawable/seek_img"        android:thumb="@drawable/thumb"/></LinearLayout>