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>    



OK,問題解決!嘿嘿!

 

轉自:佈道者--http://blog.csdn.net/wbw1985/archive/2010/10/20/5953500.aspx#1796031

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章