Android SeekBar 自定义矩形缩略图视觉错误

Android SeekBar custom rectangle thumb visual bug

我尝试使用 drawable 设置自定义矩形缩略图 timeline_runner.png

我的 activity.xml:

中的 SeekBar
<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:maxHeight="10dp"
    android:minHeight="10dp"
    android:progressDrawable="@drawable/seek_bar_video"
    android:thumb="@drawable/timeline_runner"
    android:thumbOffset="0dp"
    android:padding="0dp"
    android:layout_weight="1"
    android:layout_marginLeft="17dp"
    android:layout_marginRight="12dp"/>

seek_bar_video.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:drawable="@drawable/timeline_grey"
      android:height="10dp"
      android:gravity ="center"
    />
    <item android:id="@android:id/progress">
       <scale
           android:drawable="@drawable/timeline_yellow"
           android:scaleWidth="100%"
           android:height="10dp" />
    </item>
 </layer-list>

版本 < 21 时一切正常。

但是在21+时移动拇指出现灰色圆圈:

如何删除它?

要禁用 SeekBar 拇指上的涟漪效果,您可以 null 背景,例如

android:background="@null"