在Google Maps页面实现Material Search Bar遇RecyclerView遮挡问题求助

针对你遇到的RecyclerView遮挡地图导致搜索功能失效的问题，这里有两个实用的解决方案，你可以根据需求选择：

方案一：改用Material Search Bar自带的建议列表（推荐） #

Material Search Bar本身就内置了下拉建议功能，完全可以替代独立的RecyclerView，这样既不会遮挡地图，也能保持搜索交互的连贯性。

修改步骤： #

1. 初始化建议列表：把数据库中的植物名称加载到建议列表，并设置给搜索栏
2. 添加建议点击监听：点击建议时直接执行搜索定位逻辑
3. 移除冗余的RecyclerView代码（如果不需要保留的话）

修改后的核心代码： #

@Override protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_maps);

    // 地图初始化代码不变
    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(this);

    materialSearchBar = (MaterialSearchBar)findViewById(R.id.search_bar);
    database = new Database(this);

    materialSearchBar.setText("Search around The Gardens");
    materialSearchBar.setCardViewElevation(10);

    // 1. 从数据库加载所有植物名称作为初始建议
    List<String> suggestList = database.getTrees();
    materialSearchBar.setLastSuggestions(suggestList);

    // 2. 监听搜索文本变化，实时过滤建议
    materialSearchBar.addTextChangeListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            List<String> filteredSuggest = new ArrayList<>();
            for(String plant : suggestList) {
                if(plant.toLowerCase().contains(materialSearchBar.getText().toLowerCase())) {
                    filteredSuggest.add(plant);
                }
            }
            materialSearchBar.setLastSuggestions(filteredSuggest);
        }

        @Override
        public void afterTextChanged(Editable s) {}
    });

    // 3. 监听建议项点击，执行搜索定位
    materialSearchBar.setOnSuggestionClickListener(new MaterialSearchBar.OnSuggestionClickListener() {
        @Override
        public void onSuggestionClicked(int position) {
            String selectedPlant = materialSearchBar.getLastSuggestions().get(position);
            materialSearchBar.setText(selectedPlant);
            startSearch(selectedPlant); // 你的搜索定位逻辑
        }
    });

    // 原有的搜索确认监听不变
    materialSearchBar.setOnSearchActionListener(new MaterialSearchBar.OnSearchActionListener() {
        @Override
        public void onSearchStateChanged(boolean enabled) {}

        @Override
        public void onSearchConfirmed(CharSequence text) {
            startSearch(text.toString());
        }

        @Override
        public void onButtonClicked(int buttonCode) {}
    });
}

这个方案的优势是完全利用组件原生功能，不需要额外维护RecyclerView，下拉建议会自动显示在搜索栏下方，不会大面积遮挡地图。

方案二：给RecyclerView添加折叠/隐藏逻辑 #

如果你坚持使用RecyclerView展示结果，可以通过控制它的显示/隐藏状态来避免遮挡问题：

修改步骤： #

1. 布局中默认隐藏RecyclerView：设置android:visibility="gone"
2. 文本变化时动态显示/隐藏：有搜索结果时显示，无结果或搜索结束时隐藏
3. 给Adapter添加数据更新方法：实时刷新搜索结果

修改后的核心代码： #

首先给SearchAdapter添加更新数据的方法：

public class SearchAdapter extends RecyclerView.Adapter<SearchAdapter.ViewHolder> {
    private Context context;
    private List<String> plantList;

    public SearchAdapter(Context context, List<String> plantList) {
        this.context = context;
        this.plantList = plantList;
    }

    // 添加数据更新方法
    public void updatePlantList(List<String> newList) {
        this.plantList = newList;
        notifyDataSetChanged();
    }

    // 其他ViewHolder和绑定代码保持不变
}

然后修改Activity中的代码：

@Override protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_maps);

    // 地图初始化代码不变
    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(this);

    recyclerView = (RecyclerView)findViewById(R.id.recycler_search);
    layoutManager= new LinearLayoutManager(this);
    recyclerView.setLayoutManager(layoutManager);
    recyclerView.setHasFixedSize(true);
    // 初始隐藏RecyclerView
    recyclerView.setVisibility(View.GONE);

    materialSearchBar = (MaterialSearchBar)findViewById(R.id.search_bar);
    database = new Database(this);

    materialSearchBar.setText("Search around The Gardens");
    materialSearchBar.setCardViewElevation(10);

    List<String> suggestList = database.getTrees();
    adapter = new SearchAdapter(this, suggestList);
    recyclerView.setAdapter(adapter);

    materialSearchBar.addTextChangeListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            List<String> filteredPlants = new ArrayList<>();
            for(String plant : suggestList) {
                if(plant.toLowerCase().contains(materialSearchBar.getText().toLowerCase())) {
                    filteredPlants.add(plant);
                }
            }
            adapter.updatePlantList(filteredPlants);
            // 根据结果显示/隐藏RecyclerView
            if(filteredPlants.isEmpty() || s.length() == 0) {
                recyclerView.setVisibility(View.GONE);
            } else {
                recyclerView.setVisibility(View.VISIBLE);
            }
        }

        @Override
        public void afterTextChanged(Editable s) {}
    });

    materialSearchBar.setOnSearchActionListener(new MaterialSearchBar.OnSearchActionListener() {
        @Override
        public void onSearchStateChanged(boolean enabled) {
            if(!enabled) {
                // 关闭搜索时隐藏RecyclerView
                recyclerView.setVisibility(View.GONE);
                adapter.updatePlantList(database.getTrees());
            }
        }

        @Override
        public void onSearchConfirmed(CharSequence text) {
            startSearch(text.toString());
            // 搜索完成后隐藏RecyclerView
            recyclerView.setVisibility(View.GONE);
        }

        @Override
        public void onButtonClicked(int buttonCode) {}
    });
}

这样RecyclerView只会在有搜索结果时显示，其他时候自动隐藏，不会遮挡地图影响操作。

内容的提问来源于stack exchange，提问作者Blah eg8