自定义漂亮的Android SeekBar样式

最新推荐文章于 2021-07-22 12:06:25 发布

转载最新推荐文章于 2021-07-22 12:06:25 发布 · 1.1k 阅读

Android 学习专栏收录该内容

84 篇文章

订阅专栏

本文介绍了一种自定义SeekBar的方法，通过定义XML文件实现进度条背景、进度颜色等样式调整，并展示了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

系统自带的SeekBar真是太难看了，项目需要，只能自定义了

seek_drawable.xml

[html]view plaincopy 
   
 <?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/play_back" />  
     <item android:id="@android:id/secondaryProgress">  
         <clip android:drawable="@drawable/seek_sencond_progress" />  
     </item>  
     <item android:id="@android:id/progress">  
         <clip android:drawable="@drawable/play_schedule" />  
     </item>  
 </layer-list>  

seek_thumb.xml

[html]view plaincopy 
   
 <?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/play_slide" />  
     <item android:state_pressed="false" android:drawable="@drawable/play_slide_normal" />  
 </selector>  

然后这样用就OK了：

[html]view plaincopy 
   
 <SeekBar  
     android:id="@+id/ctrl_skbProgress"  
     android:layout_width="200dp"  
     android:layout_height="40dp"  
     android:layout_gravity="center_vertical"  
     android:maxHeight="40dp"  
     android:minHeight="40dp"  
     android:paddingLeft="2dp"  
     android:paddingRight="2dp"  
     android:progressDrawable="@drawable/seek_drawable"  
     android:thumb="@drawable/seek_thumb"  
     android:thumbOffset="2.0dp" />  