防止SearchBar中的EditText覆盖MenuItem Button

Question

我不知道如何让

EditText

不覆盖我的

MenuItem

图标按钮位于此

SearchBar

内的区域。

有没有最好的处理方法？

布局片段：

    <com.google.android.material.search.SearchBar
        android:id="@+id/app_config_search_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/app_config_toolbar"
        android:hint="@string/search_hint"
        app:menu="@menu/menu_searchbar">

        <EditText
            android:id="@+id/app_config_edit_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:inputType="text"/>
    </com.google.android.material.search.SearchBar>

搜索栏图片

“X”清除图标按钮（MenuItem）不可单击，因为

EditText

完全覆盖了

SearchBar

的整个宽度。

我尝试将

layout_width

更改为

wrap_content

，以及特定值，例如10dp，但没有什么可以改变它。

我尝试将

EditText

从

SearchBar

中取消嵌套，然后我可以单击该按钮，但随后我无法输入任何内容，因为

EditText

不再位于

SearchBar

内。

Answer 1

您可以使用SearchView并使用SearchBar制作layout_anchor 搜索视图将正确处理明文功能。

 <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/searchTopBarLayout"
        android:layout_width="match_parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_height="wrap_content">
        <com.google.android.material.search.SearchBar
            android:id="@+id/searchBar"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:hint="Search"/>
    </com.google.android.material.appbar.AppBarLayout>
    <com.google.android.material.search.SearchView
        android:id="@+id/searchField"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:autofillHints="no"
        android:drawablePadding="10dp"
        android:imeOptions="actionSearch"
        android:inputType="text"
        android:maxLines="1"
        android:hint="Search"
        app:layout_anchor="@id/searchBar"
        app:iconifiedByDefault="false"
        app:queryHint="Search"
        app:searchIcon="@null">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/searchResult"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>
    </com.google.android.material.search.SearchView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>