搜索栏更改背景进度颜色

Question

我希望整个进度条都是白色的，但不知道该怎么做。这就是我现在拥有的：

        <SeekBar
            android:id="@+id/seek_bar"
            android:layout_width="match_parent"
            android:paddingTop="10dp"
            android:thumbTint="@color/black"
            android:progressTint="@color/white"
            android:layout_height="wrap_content"
            android:layout_marginLeft="28dp"
            android:layout_marginRight="28dp"
            android:gravity="center_horizontal"
            />

结果是这样 - 但我希望搜索栏的右侧（剩余进度）也为白色。

Answer 1

这就是你要找的吗:

<?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="5dp"/>
            <solid android:color="#fff"/>
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <scale
            android:scaleWidth="100%" >
            <shape android:shape="rectangle">
                <corners android:radius="5dp"/>
                <solid android:color="#fff"/>
            </shape>
        </scale>
    </item>

    <item android:id="@android:id/progress">
        <scale
            android:scaleWidth="100%" >
            <shape android:shape="rectangle">
                <corners android:radius="5dp"/>
                <solid android:color="#fff"/>
            </shape>
        </scale>
    </item>
</layer-list>

Answer 2

您可以使用 Material 组件库中的 Slider：

<com.google.android.material.slider.Slider
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:trackColor="@color/white"
    app:thumbColor="@color/black"/>