我一直在尝试制作一个自定义的 SeekBar
,它应该有圆角。甚至 SeekBar
的进度条两侧也应有圆角。我不需要滑块,就像这样:
为了实现这个效果,我创建了一个 layer-list
xml 文件,命名为 custom_seekbar.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">
<shape android:shape="rectangle">
<corners android:radius="20dp" />
<solid android:color="#F0E9DC" />
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape android:shape="rectangle">
<corners android:radius="20dp" />
<solid android:color="#F0E9DC" />
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape android:shape="rectangle">
<corners android:radius="20dp" />
<solid android:color="#E38F71" />
</shape>
</clip>
</item>
</layer-list>
为了应对四周移动的角落,我考虑使用一个高度与 SeekBar
相等的圆形拇指。这是 thumb.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:height="16dp"
android:width="16dp"/>
<corners android:radius="20dp"/>
<solid android:color="#E38F71"/>
</shape>
我在我的活动中像这样显示 SeekBar
:
<SeekBar
android:layout_width="250dp"
android:layout_height="16dp"
android:layout_centerInParent="true"
android:progressDrawable="@drawable/custom_seekbar"
android:thumb="@drawable/thumb" />
唯一的问题是拇指。它没有按预期显示。它有一个不必要的背景,就像这样:![Custom Seekbar thumb with unwanted background](https://istack.dev59.com/FoHIO.webp)
Drawable
类,并通过调用setProgressDrawable
来使用它,就像这个答案中所示。 - pskinkDrawable
吗? - pskink