android seekbar使用

用到了seekbar, so 上網找了下小demo，這位仁兄總結的很好，現轉貼在這裏。

 

原文地址：http://bashenmail.iteye.com/blog/603649

 

SeekBar配置文件：

 

<
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"
         />

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

 方形

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

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

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