如何使用十字删除按钮在 Android RecyclerView 中删除和添加项目？-java教程-PHP中文网

如何使用十字删除按钮在 Android RecyclerView 中删除和添加项目？

Barbara Streisand

发布： 2024-10-31 07:19:30

原创

871 人浏览过

How to Remove and Add Items in an Android RecyclerView with a Cross Button for Deletion?

Android RecyclerView 项目删除和添加

Android RecyclerView 提供了一种有效的方法来显示大型数据集并处理项目插入和删除。本文演示了如何处理 RecyclerView 中的项目添加和删除，重点关注具有 TextView 和十字按钮 ImageView 的场景。

问题：

一个带有 TextView 的 RecyclerView显示项目列表，每个项目都有一个名称和一个十字按钮。按下十字按钮应删除相应的项目。

解决方案：

实现自定义适配器（MyAdapter）：

扩展RecyclerView.Adapter类并定义一个ViewHolder类，用于保存对TextView和ImageView的引用。

<code class="java">public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {

    private ArrayList<String> mDataset;
    private static Context sContext;

    public MyAdapter(Context context, ArrayList<String> myDataset) {
        mDataset = myDataset;
        sContext = context;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // Create a view and ViewHolder
        ViewHolder holder = new ViewHolder(v);
        holder.mNameTextView.setOnClickListener(this);
        holder.mNameTextView.setOnLongClickListener(this);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // Bind data to the ViewHolder
        holder.mNameTextView.setText(mDataset.get(position));
    }

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

    @Override
    public void onClick(View view) {
        // Handle click events for the TextView
        Toast.makeText(sContext, holder.mNameTextView.getText(), Toast.LENGTH_SHORT).show();
    }

    @Override
    public boolean onLongClick(View view) {
        // Handle long-click events for the TextView
        mDataset.remove(holder.getPosition());
        notifyDataSetChanged();
        return false;
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        public TextView mNameTextView;
        public ImageView mCrossButtonImageView;

        public ViewHolder(View v) {
            super(v);
            mNameTextView = (TextView) v.findViewById(R.id.nameTextView);
            mCrossButtonImageView = (ImageView) v.findViewById(R.id.crossButton);
        }
    }
}</code>

登录后复制

实现十字按钮的点击事件处理:

重写ViewHolder中的onClick方法，处理十字按钮ImageView的点击事件。

<code class="java">@Override
public void onClick(View v) {
    // Check if the view clicked is the cross button
    if (v.equals(holder.mCrossButtonImageView)) {
        // Remove the item from the dataset
        mDataset.remove(holder.getPosition());

        // Notify the adapter of the item removal
        notifyItemRemoved(holder.getPosition());
    } else {
        // Handle other click events if needed
    }
}</code>

登录后复制

设置ViewHolder的可见性十字按钮 ImageView：

要使十字按钮 ImageView 最初隐藏并在需要时显示它，请在 onBindViewHolder 中使用 setVisibility 方法。

<code class="java">@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    // Bind data to the ViewHolder
    holder.mNameTextView.setText(mDataset.get(position));

    // Check if the cross button should be visible
    if (itemClicked) {
        holder.mCrossButtonImageView.setVisibility(View.VISIBLE);
    } else {
        holder.mCrossButtonImageView.setVisibility(View.GONE);
    }
}</code>

登录后复制