Material 3 Search Bar位置异常，点击后SearchView显示错位求助

一、位置异常问题解决 #

你的SearchView位置偏移是因为布局层级设置错误，正确的布局需要将SearchView作为CoordinatorLayout的直接子View，而非嵌套在AppBarLayout内。以下是修正后的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".gallery.GalleryFragment">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- 内容区域：后续替换为RecyclerView -->
        <androidx.core.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/searchbar_scrolling_view_behavior">
            <!-- Screen content goes here. -->
        </androidx.core.widget.NestedScrollView>

        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <com.google.android.material.search.SearchBar
                android:id="@+id/search_bar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/search" />

        </com.google.android.material.appbar.AppBarLayout>

        <!-- 将SearchView移到CoordinatorLayout下，锚定SearchBar -->
        <com.google.android.material.search.SearchView
            android:id="@+id/search_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:hint="@string/search"
            app:layout_anchor="@id/search_bar"
            app:layout_anchorGravity="top" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>
</FrameLayout>

修正说明 #

• SearchView必须作为CoordinatorLayout的直接子元素，通过app:layout_anchor绑定到SearchBar，并设置app:layout_anchorGravity="top"确保展开时对齐顶部，避免偏移到下方。
• 移除AppBarLayout内的SearchView，解决布局层级冲突导致的位置异常。

同时修正Fragment代码中的语法错误（原代码setOnEditorActionListener内的-应为->）：

import android.os.Bundle
import android.view.KeyEvent
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.recyclerview.widget.LinearLayoutManager

class GalleryFragment : Fragment() {

    private lateinit var binding: FragmentGalleryBinding

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = FragmentGalleryBinding.inflate(inflater, container, false)

        binding.searchView.setupWithSearchBar(binding.searchBar)
        binding.apply {
            searchView.editText.setOnEditorActionListener { _, _, _ ->
                val query = searchView.editText.text.toString()
                searchView.hide()
                searchBar.setText(query)
                true
            }
        }
        return binding.root
    }
}

二、集成RecyclerView与Room数据库 #

1. 替换NestedScrollView为RecyclerView
   将布局中的NestedScrollView替换为RecyclerView，并配置基础属性：

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/searchbar_scrolling_view_behavior" />

2. Room搜索查询实现
   在Room DAO中添加搜索方法，支持模糊匹配：

@Dao
interface YourDao {
    @Query("SELECT * FROM your_table WHERE title LIKE '%' || :query || '%'")
    fun searchItems(query: String): Flow<List<YourEntity>>
}

3. 实时搜索更新列表
   在Fragment中监听SearchView文本变化，通过Room查询更新RecyclerView数据：

// 监听搜索文本变化
binding.searchView.editText.addTextChangedListener(object : TextWatcher {
    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}
    override fun afterTextChanged(s: Editable?) {
        val query = s.toString().trim()
        lifecycleScope.launch {
            yourViewModel.searchItems(query).collect { items ->
                yourAdapter.submitList(items)
            }
        }
    }
})

三、为SearchBar添加排序和删除按钮 #

1. 创建菜单文件
   在res/menu/search_bar_menu.xml中定义按钮：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_sort"
        android:title="排序"
        android:icon="@drawable/ic_sort"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_delete"
        android:title="删除"
        android:icon="@drawable/ic_delete"
        app:showAsAction="ifRoom" />
</menu>

2. 绑定菜单并处理点击事件
   在Fragment中加载菜单，实现按钮逻辑：

override fun onCreateView(...) {
    // ... 其他代码 ...
    binding.searchBar.inflateMenu(R.menu.search_bar_menu)
    binding.searchBar.setOnMenuItemClickListener { menuItem ->
        when (menuItem.itemId) {
            R.id.action_sort -> {
                // 执行排序逻辑，例如切换升序/降序
                yourViewModel.toggleSortOrder()
                true
            }
            R.id.action_delete -> {
                // 执行删除逻辑，例如清空选中项
                yourViewModel.deleteSelectedItems()
                true
            }
            else -> false
        }
    }
}

内容的提问来源于stack exchange，提问作者Akshar Kalathiya