Android:带有自定义可绘制对象的 SeekBar

Question

我有带有自定义可绘制对象的 SeekBar。进度元素不是从左侧完全呈现，而是向右移动。我怎样才能避免这种情况？

<SeekBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@android:id/summary"
    android:background="@null"

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

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"
        android:drawable="@drawable/seekbar_background"/>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/seekbar_progress" />
    </item>

</layer-list>

seekbar_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">

    <stroke android:width="2dp" android:color="@color/colorNeutral" />

</shape>

seekbar_progress.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">

    <stroke
        android:width="4dp"
        android:color="@color/colorAccentDark" />
</shape>

编辑:

如评论中所述，如果两个宽度相同，问题就会消失。但是我需要通过drawable来制作两种不同的宽度，这可能吗？也许有不同的形状而不仅仅是线条？

Answer 1

我无法解释为什么在画笔画时会出现这个问题，我认为这与笔画宽度有关，但我还没有找到来源验证。

修复叠加层

要消除手头的问题，您只需在左侧设置一个 inset。 1dp 或 2dp 的值都可以工作，并且会正确绘制搜索栏。

注意:使用这种方法应该不会有背景可能太短并且在低进度值时不可见的风险，因为在任何情况下拇指都会覆盖和隐藏它。

<?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/seekbar_background"
        android:left="2dp"><!-- or 1dp -->
    </item>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/seekbar_progress"/>
    </item>
</layer-list>