SeekBar自定义

要实现下面图的效果 
 

代码如下 

Java代码 
  1. <SeekBar android:id="@android:id/progress"  
  2.         style="?android:attr/progressBarStyleHorizontal"  
  3.         android:progressDrawable="@drawable/seekbar_style"    
  4.         android:thumb="@drawable/thumb"  
  5.         android:layout_width="fill_parent"  
  6.         android:layout_height="23dip"  
  7.         android:paddingLeft="25dip"  
  8.         android:paddingRight="25dip"  
  9.         android:paddingBottom="4dip />  

其实最最关键的就是 
Java代码 
  1. android:progressDrawable="@drawable/seekbar_style"    
  2. android:thumb="@drawable/thumb"  

怎么去定义呢? 
看下面的代码: 
seekbar_style.xml 
Java代码 
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">    
  3.   
  4.    <item android:id="@android:id/background">    
  5.       <shape>    
  6.          <corners android:radius="10dip" />    
  7.          <gradient    
  8.              android:startColor="#ffffffff"  
  9.              android:centerColor="#ff000000"    
  10.              android:endColor="#ff808A87"   
  11.              android:centerY="0.45"    
  12.              android:angle="270"/>    
  13.       </shape>    
  14.    </item>    
  15.      
  16.    <item android:id="@android:id/progress">    
  17.        <clip>    
  18.           <shape>    
  19.               <corners android:radius="10dip" />    
  20.               <gradient    
  21.                   android:startColor="#ffffffff"  
  22.                   android:centerColor="#ffFFFF00"    
  23.                   android:endColor="#ffAABD00"   
  24.                   android:centerY="0.45"    
  25.                   android:angle="270"/>    
  26.           </shape>    
  27.        </clip>    
  28.    </item>    
  29.  </layer-list>    


thumb.xml 
Java代码 
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">          
  3.     <!-- 按下状态 -->   
  4.     <item      
  5.         android:state_pressed="true"      
  6.         android:drawable="@drawable/xxxxxxxxxx" />     
  7.                
  8.     <!-- 普通无焦点状态 -->   
  9.     <item      
  10.         android:state_focused="false"      
  11.         android:state_pressed="false"    
  12.         android:drawable="@drawable/xxxxxxx" />  
  13.   
  14. 上面的xxxxxxx是图片  
  15. </selector>    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值