161

我有一个带有 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>

我怎样才能让我的 crossButton ImageView 像 onClick 一样工作?有没有更好的办法?也许将整个项目 onclick 更改为删除项目?recyclerview 显示需要编辑的位置列表。任何关于最佳实施的技术建议或意见/建议将不胜感激。

4

18 回答 18

293

I have done something similar. In your 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());
}

Edit:

getPosition() is deprecated now, use getAdapterPosition() instead.

于 2014-10-11T03:06:17.210 回答
73

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

  mDataSet.remove(getAdapterPosition());

然后:

  notifyItemRemoved(getAdapterPosition());
  notifyItemRangeChanged(getAdapterPosition(),mDataSet.size());
于 2016-07-03T07:55:26.950 回答
31

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

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
}
于 2016-11-20T22:59:30.887 回答
26

问题

RecyclerView旨在以高效且响应迅速的方式显示数据。通常你有一个数据集,它被传递给你的适配器并循环显示你的数据。这里你的数据集是:

private ArrayList<String> mDataset;

关键是 RecyclerView 没有连接到您的数据集,因此不知道您的数据集更改。

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

这意味着每当您在数据列表上进行删除/添加时,这些更改都不会直接反映到您的 RecyclerView 中。(即您删除了索引 5 处的项目,但第 6 个元素仍保留在您的回收站视图中)。

一个(老派)解决方案

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则列表项目将无响应地进行动画处理,因为缺少有关如何在列表中移动不同视图的信息。

下面的代码将允许 RecyclerView 精确播放关于被删除视图的动画(并且作为旁注,它修复了任何IndexOutOfBoundException被堆栈跟踪标记为“数据不一致”的 s)。

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

开源解决方案

您可以让FastAdapterEpoxyGroupie之类的库来处理业务,甚至可以使用带有数据绑定的可观察回收器视图。

新的列表适配器

谷歌最近推出了一种编写回收器视图适配器的新方法,它工作得非常好并且支持响应式数据。

这是一种新方法,需要进行一些重构,但 100% 值得切换到它,因为它使一切变得更顺畅。

是文档,这里是一篇解释它的中型文章

于 2018-06-19T11:15:54.570 回答
10

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

添加单项

在索引处添加“猪” 2

插入单个项目

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

删除单个项目

从列表中删除“猪”。

删除单个项目

int removeIndex = 2;
data.remove(removeIndex);
adapter.notifyItemRemoved(removeIndex);
于 2018-02-24T04:15:01.823 回答
7

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

public void removeItem(@NonNull Object object) {
        mDataSetList.remove(object);
        notifyDataSetChanged();
    }
于 2017-08-26T20:59:10.533 回答
4

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

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

并在您的片段或活动中调用它,如下所示:

adapter.removeItemAtPosition(position);
于 2016-09-29T17:29:38.987 回答
4

我尝试了上述所有答案,但是向 recyclerview 插入或删除项目会导致数据集中的位置出现问题。delete(getAdapterPosition());最终在 viewHolder 内部使用 ,它非常适合查找项目的位置。

于 2016-07-07T07:11:47.203 回答
3
  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();
}}      

我希望这对你有帮助。

于 2019-01-24T13:53:33.740 回答
2

如果你想删除项目,你应该这样做:首先删除项目:

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());

希望对你有帮助。

于 2017-10-25T10:58:07.663 回答
2

您必须从数据数组列表中删除此项

myDataset.remove(holder.getAdapterPosition());
notifyItemRemoved(holder.getAdapterPosition());
notifyItemRangeChanged(holder.getAdapterPosition(), getItemCount());
于 2021-01-21T22:40:15.417 回答
1

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

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

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

其中friendsListRecycler 是适配器名称

于 2019-02-08T15:52:24.747 回答
1
  String str = arrayList.get(position);
  arrayList.remove(str);
  MyAdapter.this.notifyDataSetChanged();
于 2017-09-29T05:58:28.460 回答
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();
            }
        });
于 2019-07-13T13:41:31.877 回答
0

如果您像我一样想知道我们在哪里可以在 getadapterposition() 方法中获取适配器位置;它在viewholder object.so你必须把你的代码像这样

mdataset.remove(holder.getadapterposition());
于 2019-10-30T18:22:29.130 回答
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);
}
于 2019-11-27T04:33:52.113 回答
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();
                }
            });
于 2018-07-10T05:27:04.147 回答
0

将接口制作成自定义适配器类并在回收器视图上处理点击事件..

 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();
        }
    });
}
于 2018-08-21T07:34:09.650 回答