android自定义seekbar样式,自定义 SeekBar 样式 详解

custom seekbar.png

android:layout_width="match_parent"

android:layout_height="40dp"

android:max="100"

android:maxHeight="10dp"

android:progress="40"

android:progressDrawable="@drawable/seekbar_bg"

android:secondaryProgress="60"

android:splitTrack="false"

android:thumb="@drawable/seekbar_thumb"/>

关键属性：

android:maxHeight 背景高度

android:progressDrawable 进度条背景

android:thumb 进度thumb(拖块)

android:splitTrack thumb是否切割seekbar背景，默认true，会看到thumb周围区域被切割，效果如下(为了效果明显，背景高度特意改高了)

image.png

seekbar_bg.xml

seekbar_thumb.xml

android:thumbTint

可以不指定android:thumb 指定 android:thumbTint来改变thumb颜色，按下/点击有系统默认动效。

android:layout_width="match_parent"

android:layout_height="40dp"

android:max="100"

android:maxHeight="10dp"

android:progress="40"

android:progressDrawable="@drawable/seekbar_bg"

android:secondaryProgress="60"

android:splitTrack="false"

android:thumbTint="#FF5722" />

android:thumbTint

前后间距问题：

android:paddingStart="0dp"

android:paddingEnd="0dp"