先看下效果图:
之前:
优化后:
之前的不是圆角是clip切割导致的
全代码:
<SeekBar
android:layout_width="188dp"
android:layout_height="wrap_content"
android:background="@null"
android:focusable="true"
android:maxHeight="6dp"
android:paddingStart="0dp"
android:paddingTop="4dp"
android:paddingEnd="0dp"
android:paddingBottom="4dp"
android:progress="0"
android:progressDrawable="@drawable/bg_ps_seek_bar"
android:secondaryProgress="0"
android:max="3"
android:splitTrack="false"
android:thumb="@null" />
bg_ps_seek_bar.xml
<?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:paddingBottom="4dp"
android:paddingTop="4dp">
<shape>
<corners android:radius="24dp"/>
<solid android:color="#efefef"/>
</shape>
</item>
<item
android:id="@android:id/progress"
android:paddingBottom="4dp"
android:paddingTop="4dp">
<scale android:scaleWidth="100%"
android:drawable="@drawable/bg_ps_progress_bar" />
</item>
</layer-list>
bg_ps_progress_bar.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="24dp"/>
<gradient
android:angle="0"
android:endColor="#ff8a13"
android:startColor="#ffcd11"/>
</shape>
参考文章:android ProgressBar 进度条的进度两端是圆角的方法 - 蓼蓝的梦想 - 博客园 (cnblogs.com)