SeekBar自定义

要实现下面图的效果


代码如下

<SeekBar android:id="@android:id/progress"
        style="?android:attr/progressBarStyleHorizontal"
        android:progressDrawable="@drawable/seekbar_style"  
        android:thumb="@drawable/thumb"
        android:layout_width="fill_parent"
        android:layout_height="23dip"
        android:paddingLeft="25dip"
        android:paddingRight="25dip"
        android:paddingBottom="4dip />

其实最最关键的就是

 
        android:progressDrawable="@drawable/seekbar_style"  
        android:thumb="@drawable/thumb"

怎么去定义呢？
看下面的代码：
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">  
      <shape>  
         <corners android:radius="10dip" />  
         <gradient  
             android:startColor="#ffffffff"
             android:centerColor="#ff000000"  
             android:endColor="#ff808A87" 
             android:centerY="0.45"  
             android:angle="270"/>  
      </shape>  
   </item>  
   
   <item android:id="@android:id/progress">  
       <clip>  
          <shape>  
              <corners android:radius="10dip" />  
              <gradient  
                  android:startColor="#ffffffff"
                  android:centerColor="#ffFFFF00"  
                  android:endColor="#ffAABD00" 
                  android:centerY="0.45"  
                  android:angle="270"/>  
          </shape>  
       </clip>  
   </item>  
 </layer-list>  

thumb.xml

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

上面的xxxxxxx是图片
</selector>  

OK，问题解决！嘿嘿！

评论

2 楼 heji 2010-11-30  

蓝月儿 写道

怎么设置它的一些监听事件呢  请教

监听事件和SeekBar的一样啊，我只是改变了它的显示样式而已。

1 楼 蓝月儿 2010-11-27  

怎么设置它的一些监听事件呢  请教