Android RecyclerView的添加和删除项目

Question

我有一个带有TextView文本框和十字按钮ImageView的RecyclerView。我有一个在RecyclerView外部的按钮，可以使十字按钮ImageView可见/隐藏。

当点击该项的十字按钮ImageView时，我想从RecyclerView中删除该项。

我的适配器：

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener, View.OnLongClickListener {

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

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

    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_text_view, parent, false);

        ViewHolder holder = new ViewHolder(v);
        holder.mNameTextView.setOnClickListener(MyAdapter.this);
        holder.mNameTextView.setOnLongClickListener(MyAdapter.this);

        holder.mNameTextView.setTag(holder);

        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {

        holder.mNameTextView.setText(mDataset.get(position));

    }

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


    @Override
    public void onClick(View view) {
        ViewHolder holder = (ViewHolder) view.getTag();
        if (view.getId() == holder.mNameTextView.getId()) {
            Toast.makeText(sContext, holder.mNameTextView.getText(), Toast.LENGTH_SHORT).show();
        }
    }


    @Override
    public boolean onLongClick(View view) {
        ViewHolder holder = (ViewHolder) view.getTag();
        if (view.getId() == holder.mNameTextView.getId()) {
            mDataset.remove(holder.getPosition());

            notifyDataSetChanged();

            Toast.makeText(sContext, "Item " + holder.mNameTextView.getText() + " has been removed from list",
                    Toast.LENGTH_SHORT).show();
        }
        return false;
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        public TextView mNumberRowTextView;
        public TextView mNameTextView;


        public ViewHolder(View v) {
            super(v);

            mNameTextView = (TextView) v.findViewById(R.id.nameTextView);
        }
    }
}

我的布局是：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:id="@+id/layout">

    <TextView
        android:id="@+id/nameTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:padding="5dp"
        android:background="@drawable/greyline"/>

    <ImageView
        android:id="@+id/crossButton"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:visibility="gone"
        android:layout_marginLeft="50dp"
        android:src="@drawable/cross" />
</LinearLayout>

我该如何让类似于onClick的功能在我的crossButton ImageView上起作用？有更好的方法吗？也许将整个项目的onclick更改为删除该项？recyclerview显示需要编辑的位置列表。非常感谢任何技术建议、意见或建议。

- Twentyonehundred

---

看一下这些链接 LINK 1 LINK 2，它们可能会对你有所帮助。 - SaravanaRaja

http://stackoverflow.com/questions/38222410/recyclerview-with-footer-not-able-to-delete-last-item - Aditya Vyas-Lakhan

你可以在Github上查看此示例。祝你编码愉快！！！ - Cabezas

Answer 1

我曾经做过类似的事情。 在你的MyAdapter中：

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
    public CardView mCardView;
    public TextView mTextViewTitle;
    public TextView mTextViewContent;
    public ImageView mImageViewContentPic;
    
    public ImageView imgViewRemoveIcon;
    public ViewHolder(View v) {
        super(v);
        mCardView = (CardView) v.findViewById(R.id.card_view);
        mTextViewTitle = (TextView) v.findViewById(R.id.item_title);
        mTextViewContent = (TextView) v.findViewById(R.id.item_content);
        mImageViewContentPic = (ImageView) v.findViewById(R.id.item_content_pic);
        //......
        imgViewRemoveIcon = (ImageView) v.findViewById(R.id.remove_icon);

        mTextViewContent.setOnClickListener(this);
        imgViewRemoveIcon.setOnClickListener(this);
        v.setOnClickListener(this);
        mTextViewContent.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                if (mItemClickListener != null) {
                    mItemClickListener.onItemClick(view, getPosition());
                }
                return false;
            }
        });
    }


    @Override
    public void onClick(View v) {
        //Log.d("View: ", v.toString());
        //Toast.makeText(v.getContext(), mTextViewTitle.getText() + " position = " + getPosition(), Toast.LENGTH_SHORT).show();
        if(v.equals(imgViewRemoveIcon)){
            removeAt(getPosition());
        }else if (mItemClickListener != null) {
            mItemClickListener.onItemClick(v, getPosition());
        }
    }
}

public void setOnItemClickListener(final OnItemClickListener mItemClickListener) {
    this.mItemClickListener = mItemClickListener;
}
public void removeAt(int position) {
    mDataset.remove(position);
    notifyItemRemoved(position);
    notifyItemRangeChanged(position, mDataSet.size());
}

编辑：

getPosition()现已弃用，请使用getAdapterPosition()代替。

- paradite

---

在删除项之后，您还需要在Paradite的回答中添加notifyItemRangeChanged（getPosition，mDataSet.size（））;，以便移除项下方的所有视图相应地进行调整。 - Chris Angell

我有同样的问题，但是getPosition()现在已经被弃用了。 - chip

谢谢，显然仅仅调用notifyItemRemoved(position)并不足够。 - Ektos974

使用 getAdapterPosition()。 - Tyler Pfaff

这段代码无法解决快速从顶部和底部同时移除项目的问题。 - Vito Valov

Answer 2

首先，应该从列表中移除该项！

  mDataSet.remove(getAdapterPosition());

那么：

  notifyItemRemoved(getAdapterPosition());
  notifyItemRangeChanged(getAdapterPosition(), mDataSet.size()-getAdapterPosition());

- Zahra.HY

---

非常感谢您，假设我需要添加更多的值，我该怎么办？ - MohanRaj S

这与您的适配器中列表的大小有关。@Hammad Nasir - Zahra.HY

我也做了同样的事情，但是recyclerview的高度没有动态改变。 mNotes.remove(position); notifyItemRemoved(position); notifyItemRangeChanged(position, getItemCount()); @Zahra.HY，我有遗漏什么吗？ - Hitesh Dhamshaniya

Answer 3

如果仍然未删除项目，请使用此神奇方法:)

private void deleteItem(int position) {
        mDataSet.remove(position);
        notifyItemRemoved(position);
        notifyItemRangeChanged(position, mDataSet.size());
        holder.itemView.setVisibility(View.GONE);
}

Kotlin 版本

private fun deleteItem(position: Int) {
    mDataSet.removeAt(position)
    notifyItemRemoved(position)
    notifyItemRangeChanged(position, mDataSet.size)
    holder.itemView.visibility = View.GONE
}

- Mostafa Anter

---

@Mostafa：假设我有10个项目并删除了最后一个，在这种情况下，holder.itemView.setVisibility(View.GONE)会隐藏所有数据。 - Hitesh Dhamshaniya

@HiteshDhamshaniya 不，它只是隐藏并消失了最后一个视图。 - Mostafa Anter

不需要隐藏视图。dataSet.remove(position) 可以正常工作，但是你需要调用 notifyDatasetChamged() 或者 notifyItemRemoved(dataset.size() - 1)。 - Karue Benson Karue

感谢 holder.itemView.setVisibility(View.GONE); - K.Hayoev

这是不正确的；请记住，ViewHolder 是可回收的，因此将可见性设置为 GONE 将使其在其他某个项目上保持为 GONE；另外，RecyclerView 在布局视图时实际上并不尊重 GONE 属性。 - Ryan M

Answer 4

问题

RecyclerView旨在以高效和响应的方式显示数据。通常，您需要将数据集传递给适配器，并循环遍历以显示数据。这里您的数据集是：

private ArrayList<String> mDataset;

关键是RecyclerView不与您的数据集连接，因此不知道您的数据集更改。

它只读取数据一次，并通过ViewHolder显示它，但对数据集的更改不会传播到UI。

这意味着每当您在数据列表上进行删除/添加时，这些更改不会直接反映在RecyclerView上。(即，您删除索引5处的项目，但第6个元素仍然在RecyclerView中。)

一个（老派）解决方案

RecyclerView提供了一些方法来通信您的数据集变化, 直接反映在您的列表项上。

标准的Android API允许您将数据删除（用于本文问题的目的）与View删除的过程绑定在一起。

我们要谈论的方法是：

notifyItemChanged(index: Int)
notifyItemInserted(index: Int)
notifyItemRemoved(index: Int)
notifyItemRangeChanged(startPosition: Int, itemCount: Int)
notifyItemRangeInserted(startPosition: Int, itemCount: Int)
notifyItemRangeRemoved(startPosition: Int, itemCount: Int)

完整的（老派的）解决方案

如果您不正确地指定每次添加、更改或删除项时发生的情况，由于缺乏有关如何在列表中移动不同视图的信息，RecyclerView列表项将呈现无响应的动画。

以下代码将允许RecyclerView精确地播放与正在删除的视图相关的动画（并且作为副产品，它会修复任何由堆栈跟踪标记为“数据不一致”的IndexOutOfBoundException）。

void remove(position: Int) {
    dataset.removeAt(position)
    notifyItemChanged(position)
    notifyItemRangeRemoved(position, 1)
}

在底层，如果我们查看 RecyclerView 中的文档，可以发现第二个参数我们传递给 notifyItemRangeRemoved 是从数据集中删除的项目数，而不是所有项目的总数（一些其他信息来源错误地报道了这一点）。

    /**
     * Notify any registered observers that the <code>itemCount</code> items previously
     * located at <code>positionStart</code> have been removed from the data set. The items
     * previously located at and after <code>positionStart + itemCount</code> may now be found
     * at <code>oldPosition - itemCount</code>.
     *
     * <p>This is a structural change event. Representations of other existing items in the data
     * set are still considered up to date and will not be rebound, though their positions
     * may be altered.</p>
     *
     * @param positionStart Previous position of the first item that was removed
     * @param itemCount Number of items removed from the data set
     */
    public final void notifyItemRangeRemoved(int positionStart, int itemCount) {
        mObservable.notifyItemRangeRemoved(positionStart, itemCount);
    }

开源解决方案

你可以使用像FastAdapter、Epoxy或Groupie这样的库来处理业务，甚至可以使用支持数据绑定的ObservableRecycleView。

新的ListAdapter

谷歌最近推出了一种全新的写法适用于RecyclerView Adapter，它能够很好地支持响应式数据。

这是一种全新的方法，需要进行一些重构，但完全值得转换到这个新方法，因为它使一切变得更加顺畅。

这里是文档，这里是Medium文章对其进行了解释。

- ci0ccarellia

Answer 5

以下是一些视觉辅助示例。如需添加和删除范围的示例，请参见我的详细答案。

添加单个项目

在索引2处添加“Pig”。

String item = "Pig";
int insertIndex = 2;
data.add(insertIndex, item);
adapter.notifyItemInserted(insertIndex);

删除单个项目

从列表中删除“Pig”。

int removeIndex = 2;
data.remove(removeIndex);
adapter.notifyItemRemoved(removeIndex);

- Suragch

Answer 6

可能是重复的答案，但对我很有用。您可以在 RecyclerView.Adapter<RecyclerView.ViewHolder> 中实现以下方法，并根据您的要求使用此方法，希望它对您有用。

public void removeItem(@NonNull Object object) {
        mDataSetList.remove(object);
        notifyDataSetChanged();
    }

- Hassan Jamil

Answer 7

我遇到的问题是，我正在从列表中删除一个与适配器不再关联的项目，为了确保您修改了正确的适配器，您可以在适配器中实现此类方法：

public void removeItemAtPosition(int position) {
    items.remove(position);
}

在您的片段或活动中这样调用：

adapter.removeItemAtPosition(position);

- Horatio

Answer 8

我尝试了以上所有答案，但是向recyclerview插入或移除项会导致数据集位置出现问题。最终在viewHolder中使用 delete(getAdapterPosition()); 能够很好地找到项目的位置。

- Arun

---

只需设置一个监听器并在视图持有者内使用getAdapterPosition()方法即可。它将返回该项的位置。 - Arun

Answer 9

  public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
private Context context;
private List<cardview_widgets> list;

public MyAdapter(Context context, List<cardview_widgets> list) {
    this.context = context;
    this.list = list;
}

@NonNull
@Override
public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
    View view = LayoutInflater.from(this.context).inflate(R.layout.fragment1_one_item,
            viewGroup, false);
    return new MyViewHolder(view);
}

public static class MyViewHolder extends RecyclerView.ViewHolder {
    TextView txtValue;
    TextView txtCategory;
    ImageView imgInorEx;
    ImageView imgCategory;
    TextView txtDate;

    public MyViewHolder(@NonNull View itemView) {
        super(itemView);
        txtValue= itemView.findViewById(R.id.id_values);
        txtCategory= itemView.findViewById(R.id.id_category);
        imgInorEx= itemView.findViewById(R.id.id_inorex);
        imgCategory= itemView.findViewById(R.id.id_imgcategory);
        txtDate= itemView.findViewById(R.id.id_date);
    }
}

@NonNull
@Override
public void onBindViewHolder(@NonNull final MyViewHolder myViewHolder, int i) {

    myViewHolder.txtValue.setText(String.valueOf(list.get(i).getValuee()));
    myViewHolder.txtCategory.setText(list.get(i).getCategory());
    myViewHolder.imgInorEx.setBackgroundColor(list.get(i).getImg_inorex());
    myViewHolder.imgCategory.setImageResource(list.get(i).getImg_category());
    myViewHolder.txtDate.setText(list.get(i).getDate());
    myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(View v) {
            list.remove(myViewHolder.getAdapterPosition());
            notifyDataSetChanged();
            return false;
        }
    });
}

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

我希望这能对您有所帮助。

- Mohamed Ben Romdhane

Answer 10

如果你想要移除一个项目，你需要执行以下步骤：

1. 首先，移除该项目：

phones.remove(position);

在下一步中，您需要通过以下代码通知您的Recycler Adapter已删除项目：

notifyItemRemoved(position);
notifyItemRangeChanged(position, phones.size());

但是如果你想更改一个项目，请按照以下步骤进行： 首先，像这样更改对象的参数：

Service s = services.get(position);
s.done = "Cancel service";
services.set(position,s);

或者这样更新 IT：

Service s = new Service();
services.set(position,s);

然后通过以下代码通知您的回收器适配器您已修改项目：

notifyItemChanged(position);
notifyItemRangeChanged(position, services.size());

希望能对您有所帮助。

- Sayed Mohammad Amin Emrani