改變seekbar的厚度和拖拽圓的大小

woff

演示：

seekbar厚度 拖拽

如何改變seekbar的厚度呢，是沒有屬性能直接修改的，得通過重新定義樣式：

1. 
   
2. <SeekBar
   
3.         android:layout_width="match_parent"
   
4.         android:layout_height="wrap_content"
   
5.         android:layout_marginTop="20dp"
   
6.         android:thumb="@drawable/seek"
   
7.         android:progressDrawable="@drawable/seek_style"
   
8.         />

複製代碼

thumb 修改可拖拽的圓的樣式：

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
   
3. 
   
4.     <size
   
5.         android:width="20dp"
   
6.         android:height="20dp"
   
7.         />
   
8.     <solid android:color="#60f0"/>
   
9. </shape>

複製代碼

progressDrawable 修改進度條的樣式：

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. 
   
7.             <solid android:color="#999"/>
   
8.         </shape>
   
9.     </item>
   
10. 
    
11.     <item android:id="@android:id/secondaryProgress">
    
12.         <clip>
    
13.             <shape>
    
14.                 <corners android:radius="5dip" />
    
15.                 <gradient
    
16.                     android:startColor="#80ffd300"
    
17.                     android:centerColor="#80ffb600"
    
18.                     android:centerY="0.75"
    
19.                     android:endColor="#a0ffcb00"
    
20.                     android:angle="270"
    
21.                     />
    
22.             </shape>
    
23.         </clip>
    
24.     </item>
    
25. 
    
26.     <item android:id="@android:id/progress">
    
27.         <clip>
    
28.             <shape>
    
29. 
    
30.                 <solid android:color="#600f"/>
    
31.             </shape>
    
32.         </clip>
    
33.     </item>
    
34. </layer-list>

複製代碼

其中，shape裡的屬性可以自行定義，圓角，顏色等
文章出處