Android RecyclerView添加和删除项目


144

我有一个带有TextView文本框和十字按钮ImageView的RecyclerView。我在recyclerview外面有一个按钮,使十字按钮ImageView可见/不见了。

我想从recylerview中删除一个项目,当该项目十字按钮ImageView被按下时。

我的适配器:

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显示了需要编辑的位置列表。任何有关最佳实施的技术建议或意见/建议将不胜感激。


看看LINK 1 LINK 2可能对您有帮助
-SaravanaRaja


1
您可以在Github Happy代码中看到此示例
Cabezas'2

Answers:


267

我做了类似的事情。在您的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()改用。


50
您还需要notifyItemRangeChanged(getPosition, mDataSet.size());在删除项目后添加到paradite的答案中,以便删除的项目下方的所有视图都将相应调整。
克里斯·安杰尔

3
我有同样的问题,但getPosition()现在不赞成使用
芯片

4
谢谢,显然仅仅打电话notifyItemRemoved(position)是不够的。
Ektos974 2015年

3
@chip Use getAdapterPosition()
Tyler Pfaff

2
当您从顶部和底部快速删除项目时,此代码不能解决问题。
维托·瓦洛夫

61

首先,应该从列表中删除项目!

  mDataSet.remove(getAdapterPosition());

然后:

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

2
非常感谢您,假设我必须添加更多值意味着我可以为此做些什么。
MohanRaj S 2016年

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

我做了同样的事情,但是recyclerview的高度没有动态改变。mNotes.remove(position); notifyItemRemoved(position); notifyItemRangeChanged(position,getItemCount()); @ Zahra.HY我错过了任何事情。
Hitesh Dhamshaniya

22

如果仍然没有删除项目,请使用此魔术方法:)

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:假设我有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

10

问题

RecyclerView默认情况下,不知道您的数据集更改。这意味着,无论何时在数据列表上进行删除/添加,这些更改都不会直接反映到RecyclerView中。

RecyclerView为您提供了一些共享数据集状态的方法。发生这种情况是因为对数据集进行的修改并不意味着视图会发生变化,反之亦然。标准的android API允许您将数据删除过程(出于问题的目的)与视图删除过程绑定在一起。

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子级将无响应地进行动画处理。

相反,下面的代码将精确地在要删除的子对象上播放动画(而且,对我来说,它修复了任何IndexOutOfBoundExceptions,并被stacktrace标记为“数据不一致”)

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

在幕后,如果我们调查一下RecyclerView,就会发现文档,说明必须传递的第二个参数是从数据集中删除的项目数,而不是项目总数(正如在其他一些信息源中错误指出的那样)。

    /**
     * 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);
    }

7

可能有重复的答案,但对我来说很有用。您可以实施下面给出的方法,RecyclerView.Adapter<RecyclerView.ViewHolder> 并可以根据需要使用此方法,希望它对您有用

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

5

以下是一些视觉补充示例。有关添加和删​​除范围的示例,请参见我的完整答案

添加单个项目

在索引处添加“猪” 2

插入单项

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

删除单项

从列表中删除“猪”。

删除单项

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

4

我尝试了上述所有答案,但是将项目插入或删除到recyclerview会导致dataSet中的位置出现问题。最终delete(getAdapterPosition());在viewHolder内部使用 ,这在查找项目的位置方面非常有用。


1
只需设置一个侦听器并在视图持有者内部使用getAdapterPosition()方法。它将返回项目的位置。
阿伦

4

我遇到的问题是我正在从列表中删除不再与适配器相关联的项,以确保您正在修改正确的适配器,您可以在适配器中实现如下方法:

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

并在您的片段或活动中这样称呼它:

adapter.removeItemAtPosition(position);

2
  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 txt_value;
    TextView txt_category;
    ImageView img_inorex;
    ImageView img_category;
    TextView txt_date;

    public MyViewHolder(@NonNull View itemView) {
        super(itemView);
        txt_value = itemView.findViewById(R.id.id_values);
        txt_category = itemView.findViewById(R.id.id_category);
        img_inorex = itemView.findViewById(R.id.id_inorex);
        img_category = itemView.findViewById(R.id.id_imgcategory);
        txt_date = itemView.findViewById(R.id.id_date);
    }
}

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

    myViewHolder.txt_value.setText(String.valueOf(list.get(i).getValuee()));
    myViewHolder.txt_category.setText(list.get(i).getCategory());
    myViewHolder.img_inorex.setBackgroundColor(list.get(i).getImg_inorex());
    myViewHolder.img_category.setImageResource(list.get(i).getImg_category());
    myViewHolder.txt_date.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();
}}      

希望对您有帮助。


1

如果要删除项目,请执行以下操作:首先删除项目:

phones.remove(position);

在下一步中,您应该通过以下代码通知回收站适配器您删除了一个项目:

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

但是,如果要更改项目,请执行以下操作:首先像这样更改对象的参数:

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

或像这样的新内容:

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

然后通过以下代码通知回收站适配器您修改了商品:

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

希望对您有帮助。


1
  String str = arrayList.get(position);
  arrayList.remove(str);
  MyAdapter.this.notifyDataSetChanged();

这是一个非常糟糕的主意,因为您将强制完全重新绘制项目,如果您有很多项目,可能会有明显的滞后。正确的做法是打电话给notifyItemRemoved(position)
米纳斯吉米娜

没错,您还可以使用intifyDataSetChanged()的notifyItemRemoved(position)
塔伦·乌玛斯

1

方法onBindViewHolder写入此代码

holder.remove.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Cursor del=dbAdapter.ExecuteQ("delete from TblItem where Id="+values.get(position).getId());
                values.remove(position);
                notifyDataSetChanged();
            }
        });

1

如果有人想在Main类而不是Adapter类中实现类似的东西,则可以使用:

public void removeAt(int position) {
    peopleListUser.remove(position);

    friendsListRecycler.getAdapter().notifyItemRemoved(position);
    friendsListRecycler.getAdapter().notifyItemRangeChanged(position, peopleListUser.size());
}

其中friendsListRecycler是适配器名称


0
 //////// set the position
 holder.cancel.setTag(position);


///// click to remove an item from recycler view and an array list
holder.cancel.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View view) {

            int positionToRemove = (int)view.getTag(); //get the position of the view to delete stored in the tag
            mDataset.remove(positionToRemove);
            notifyDataSetChanged();
                }
            });

0

使接口进入自定义适配器类并在回收器视图上处理click事件。

 onItemClickListner onItemClickListner;

public void setOnItemClickListner(CommentsAdapter.onItemClickListner onItemClickListner) {
    this.onItemClickListner = onItemClickListner;
}

public interface onItemClickListner {
    void onClick(Contact contact);//pass your object types.
}
    @Override
public void onBindViewHolder(ItemViewHolder holder, int position) {
    // below code handle click event on recycler view item.
    holder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            onItemClickListner.onClick(mContectList.get(position));
        }
    });
}

在定义适配器并绑定到以下代码称为的回收器视图之后。

        adapter.setOnItemClickListner(new CommentsAdapter.onItemClickListner() {
        @Override
        public void onClick(Contact contact) {
            contectList.remove(contectList.get(contectList.indexOf(contact)));
            adapter.notifyDataSetChanged();
        }
    });
}

0

如果您想知道像我一样在哪里可以在方法getadapterposition()中获得适配器位置?它在viewholder object.so中,因此您必须像这样放置代码

mdataset.remove(holder.getadapterposition());

0

在活动中:

mAdapter.updateAt(pos, text, completed);
mAdapter.removeAt(pos);

在您的适配器中:

void removeAt(int position) {
    list.remove(position);
    notifyItemRemoved(position);
    notifyItemRangeChanged(position, list.size());
}

void updateAt(int position, String text, Boolean completed) {
    TodoEntity todoEntity = list.get(position);
    todoEntity.setText(text);
    todoEntity.setCompleted(completed);
    notifyItemChanged(position);
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.