畅快筛选，拒绝繁琐：Android自定义View多菜单封装解决方案

2023-05-23 15:21:26

Android 自定义视图多菜单封装解决方案

概述

在开发 Android 应用程序时，多菜单筛选是一种常见的需求。例如，电商应用中按价格、颜色、尺寸等维度筛选产品；旅行预订应用中按出发地、目的地、日期等维度筛选航班或酒店。本文将介绍一种自定义视图封装解决方案，帮助开发者轻松构建高效的多菜单筛选机制。

竞品分析

美团

美团采用切换式方案，展开一个菜单时关闭已展开的菜单，类似于多个 tab 布局，每个 tab 对应一个菜单视图。

携程

携程采用内容切换式方案，点击选项直接切换对应内容，点击收起按钮收起所有展开的内容。

封装解决方案

基本思路

我们的解决方案是将每个菜单封装为一个自定义视图，并将其放置在 RecyclerView 中。点击菜单时，只需更新 RecyclerView 数据即可，RecyclerView 将自动刷新，切换到对应的菜单。

具体实现

创建继承自 RecyclerView.ViewHolder 的自定义视图作为菜单项。
自定义视图添加文本视图、复选框等必要元素。
自定义视图添加点击事件监听器。
Activity 或 Fragment 中创建一个 RecyclerView。
RecyclerView Adapter 中使用自定义视图作为 Item。
Adapter 中实现点击事件监听器。
点击事件监听器中更新 RecyclerView 数据。
RecyclerView 自动刷新，切换到对应的菜单。

优点

易用性：只需将自定义视图添加到 RecyclerView 中。
高度可定制：根据需求定制菜单项 UI 和功能。
性能优异：RecyclerView 性能良好，流畅切换菜单。

示例代码

// 自定义视图
public class MenuItemView extends RecyclerView.ViewHolder {

    private TextView textView;
    private CheckBox checkBox;

    public MenuItemView(View itemView) {
        super(itemView);
        textView = itemView.findViewById(R.id.text_view);
        checkBox = itemView.findViewById(R.id.checkbox);
        itemView.setOnClickListener(this::onClick);
    }

    public void onClick(View v) {
        // 更新数据，切换菜单
    }
}

// RecyclerView Adapter
public class MenuAdapter extends RecyclerView.Adapter<MenuItemView> {

    private List<Menu> menus;

    public MenuAdapter(List<Menu> menus) {
        this.menus = menus;
    }

    @Override
    public MenuItemView onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.menu_item, parent, false);
        return new MenuItemView(view);
    }

    @Override
    public void onBindViewHolder(MenuItemView holder, int position) {
        Menu menu = menus.get(position);
        holder.textView.setText(menu.getName());
        holder.checkBox.setChecked(menu.isSelected());
    }

    @Override
    public int getItemCount() {
        return menus.size();
    }
}