andorid 自定义seekbar

效果如图:


  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.    <style name="Widget.SeekBar.Normal" parent="@android:style/Widget.SeekBar">  
  4.         <item name="android:maxHeight">8.0dip</item>  
  5.         <item name="android:indeterminateOnly">false</item>  
  6.         <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>  
  7.         <item name="android:progressDrawable">@drawable/seekbar_horizontal</item>  
  8.         <item name="android:minHeight">8.0dip</item>  
  9.         <item name="android:thumb">@drawable/seek_thumb</item>  
  10.         <item name="android:thumbOffset">10.0dip</item>  
  11.     </style>  
  12.       
  13.       
  14. </resources>  


seekbar_horizontal.xml

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <layer-list  
  3.   xmlns:android="http://schemas.android.com/apk/res/android">  
  4.     <item android:id="@android:id/background" android:drawable="@drawable/seek_bkg" />  
  5.     <item android:id="@android:id/secondaryProgress">  
  6.         <clip>  
  7.             <shape>  
  8.                 <corners android:radius="2.0dip" />  
  9.                 <gradient android:startColor="#80ffd300" android:endColor="#a0ffcb00" android:angle="270.0" android:centerY="0.75" android:centerColor="#80ffb600" />  
  10.             </shape>  
  11.         </clip>  
  12.     </item>  
  13.     <item android:id="@android:id/progress">  
  14.         <clip android:drawable="@drawable/seek" />  
  15.     </item>  
  16. </layer-list>  


使用方法main.xml

  1. <SeekBar android:id="@+android:id/progresss"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     android:layout_marginTop="50dip" style="@style/Widget.SeekBar.Normal" />  

seek.9.png

seek_bkg.9.png


seek_thumb.png

 

 

 

 

 

 

 

<?xml version="1.0" encoding="utf-8"?>

<shape

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="oval"

    android:useLevel="false">

 

    <solidandroid:color="@color/red"/>

    <stroke

        android:width="1dp"

        android:color="@color/white"/>

    <sizeandroid:width="20dp"

          android:height="20dp"/>

</shape>

 
posted @ 2016-05-30 17:50  一点点征服  阅读(2135)  评论(0编辑  收藏  举报