Question

请找到我想要实现的自定义搜索栏的以下屏幕截图。

如上图所示，我非常接近建立搜索栏（没有搜索栏下面的图像）。以下是我所做的截图。

问题：

正如您在第二个屏幕截图中看到的那样，搜索栏中的进度指示条后面有一个图标。我一直试图摆脱这一点，但显然没有成功。有关如何删除该图标的任何建议/想法都会有很大帮助。感谢。

SeekBar布局XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.application.todo.activityTransition.activities.SeekBarActivity">

<TextView
    android:id="@+id/painLevelText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:padding="10dp"
    android:text="@string/painLevelText" />

<LinearLayout
    android:id="@+id/radIoGroupLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/painLevelText"
    android:orientation="vertical">

    <RadioGroup
        android:id="@+id/seekBarRadioGroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:weightSum="10">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:id="@+id/defaultSelection"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />
    </RadioGroup>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal"
        android:weightSum="10">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="1" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="2" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="3" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="4" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="5" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="6" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="7" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="8" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="9" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="10" />

    </LinearLayout>

</LinearLayout>

<RelativeLayout
    android:id="@+id/seekBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/radIoGroupLayout"
    android:background="@drawable/seekbar_layout_background">

    <SeekBar
        android:id="@+id/seekBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:max="10"
        android:progress="5"
        android:progressDrawable="@drawable/custom_seek_bar" />

    <TextView
        android:id="@+id/seekBarProgressValue"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:padding="10dp"
        android:textColor="#FFF"
        android:textSize="15sp" />
</RelativeLayout>


</RelativeLayout>

用于搜索栏的自定义可绘制文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/progress">
    <clip>
        <shape android:shape="rectangle">
            <size
                android:width="12dp"
                android:height="12dp" />
            <corners android:radius="15dp" />

            <solid android:color="#FF8D1E" />

            <gradient
                android:angle="270"
                android:centerColor="#FF8D1E"
                android:endColor="#FF971F"
                android:startColor="#FF971F" />
        </shape>
    </clip>
</item>
</layer-list>

请在回答部分

下找到我的答案

Answer 1

此link有助于实现预期效果。但是我在使用下面的代码行时发现了一个问题

seekBar.getThumb().mutate().setAlpha(0);

当我们从无线电组中选择“10”时，确实会移除拇指，但是进度指示会被切断。以下是相关图片。

但是当我在我的布局中将此XML标签用于搜索栏时，它按预期工作。

android:thumb="@null"

图片

不确定这是否是正确的方法，但它可以解决问题。

Answer 2

只需将此行放入您的Seekbar xml代码中。

          android:thumbTint="@android:color/transparent"

Answer 3

试试这个

android:splitTrack="false"
seekbar.getThumb().mutate().setAlpha(0);

Answer 4

我不认为SeekBar是您用例的正确实现。尝试使用ProgressBar，然后您不必担心拇指。

如何删除已设置自定义进度可绘制的搜索栏[android]的默认指示器图标

4 个答案: