Android recyclerview 选中效果

原创

mob64ca12dc54c5 2024-10-15 07:03:06 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12dc54c5的原创作品，请联系作者获取转载授权，否则将追究法律责任

在Android RecyclerView中实现选中效果

引言： Android中的RecyclerView是一个强大的视图组件，能够高效地处理大量数据项的展示。在使用RecyclerView时，一个常见的需求是实现选中效果。本篇文章将带领你深入了解如何在RecyclerView中实现选中项的效果，通过实例演示出具体的实现步骤。

实现流程

首先，我们先理清实现选中效果的步骤。以下是实现流程的表格：

步骤	描述
1. 创建布局文件	定义RecyclerView的item布局
2. 创建Adapter	连接数据源和RecyclerView
3. 实现选中逻辑	处理点击事件和选中状态的切换
4. 更新UI	通过notifyDataSetChanged更新UI

步骤1: 创建布局文件

首先，我们需要为RecyclerView的每一项创建一个布局文件。假设我们命名为item_view.xml。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:background="?attr/selectableItemBackground"> <!-- 启用选择效果 -->
    
    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp" />
</LinearLayout>

步骤2: 创建Adapter

接下来，我们创建一个Adapter类，用于绑定数据。

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private List<String> dataList;
    private Set<Integer> selectedItems = new HashSet<>(); // 存储选中项的索引

    public MyAdapter(List<String> dataList) {
        this.dataList = dataList;
    }

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

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.bind(dataList.get(position), selectedItems.contains(position));
        holder.itemView.setOnClickListener(v -> {
            if (selectedItems.contains(position)) {
                selectedItems.remove(position); // 取消选中
            } else {
                selectedItems.add(position); // 选中
            }
            notifyItemChanged(position); // 更新UI
        });
    }

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

    class ViewHolder extends RecyclerView.ViewHolder {
        private TextView itemText;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            itemText = itemView.findViewById(R.id.item_text);
        }

        public void bind(String text, boolean isSelected) {
            itemText.setText(text);
            itemView.setBackgroundColor(isSelected ? Color.LTGRAY : Color.WHITE); // 根据选中状态更改背景色
        }
    }
}

selectedItems 是一个集合，用于存储当前被选中的项的索引。
在onBindViewHolder 中，我们更新选中状态和背景色。

步骤3: 实现选中逻辑

已经在Adapter中通过点击事件处理了选中和取消选中的逻辑。需要注意的是，调用notifyItemChanged(position)能够有效更新UI。

步骤4: 更新UI

我们需要在Activity或Fragment中实例化RecyclerView和Adapter，并设置数据源。

public class MainActivity extends AppCompatActivity {
    private RecyclerView recyclerView;
    private MyAdapter adapter;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        recyclerView = findViewById(R.id.recycler_view);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        
        List<String> data = Arrays.asList("Item 1", "Item 2", "Item 3", "Item 4");
        adapter = new MyAdapter(data);
        recyclerView.setAdapter(adapter);
    }
}

在onCreate中，我们初始化了RecyclerView和Adapter，并设置了数据源。

类图

下面是程序中的主要类和它们之间关系的类图：

classDiagram
    class MainActivity {
        +onCreate()
    }

    class MyAdapter {
        +onCreateViewHolder()
        +onBindViewHolder()
        +getItemCount()
    }

    class ViewHolder {
        +bind()
    }

    MainActivity --> MyAdapter
    MyAdapter --> ViewHolder