【问题标题】:Android RecyclerView addition & removal of itemsAndroid RecyclerView 添加和删除项
【发布时间】:2014-11-22 11:48:49
【问题描述】:

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

【问题讨论】:

标签: java android user-interface android-recyclerview selection


【解决方案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()

【讨论】:

  • 您还需要在删除项目后将notifyItemRangeChanged(getPosition, mDataSet.size()); 添加到 paradite 的答案中,以便删除项目下方的所有视图都会相应调整。
  • 我也有同样的问题,但getPosition() 现已弃用
  • 谢谢,显然只是打电话给notifyItemRemoved(position) 是不够的。
  • @chip 使用 getAdapterPosition()
  • 当您从顶部和底部快速删除项目时,此代码无法解决问题。
【解决方案2】:

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

  mDataSet.remove(getAdapterPosition());

然后:

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

【讨论】:

  • 非常感谢您,假设我必须添加更多值意味着我可以为此做些什么。
  • 它与适配器中列表的大小有关。@Hammad Nasir
  • 我做了同样的事情,但是 recyclerview 的高度没有动态改变。 mNotes.remove(位置); notifyItemRemoved(位置); notifyItemRangeChanged(位置,getItemCount()); @Zahra.HY 我错过了什么吗。
  • 请问您能帮帮我吗?我也有类似的问题stackoverflow.com/questions/68088451/…
【解决方案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:假设我有 10 个项目,我删除了最后一个,在那个场景中 holder.itemView.setVisibility(View.GONE),隐藏所有数据,
  • @HiteshDhamshaniya 不,它只是隐藏并消失了最后一个视图
  • 无需隐藏视图。 dataSet.remove(position) 工作正常,但你需要调用 notifyDatasetChamged() 或 notifyItemRemoved(dataset.size() - 1)
  • 感谢 holder.itemView.setVisibility(View.GONE);
【解决方案4】:

问题

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 精确播放关于被删除视图的动画(并且作为旁注,它修复了任何 IndexOutOfBoundExceptions,被堆栈跟踪标记为“数据不一致”)。

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 之类的库来处理业务,甚至可以使用带有数据绑定的 observable recycler view

新的列表适配器

Google 最近推出了一种编写回收器视图适配器的新方法,它运行良好并且支持响应式数据。

这是一种新方法,需要进行一些重构,但 100% 值得改用它,因为它可以让一切变得更顺畅。

here 是文档,here 是一篇解释它的中篇文章

【讨论】:

  • 绝对是这里最好的答案。谢谢!
【解决方案5】:

以下是一些视觉补充示例。有关添加和删除范围的示例,请参阅 my fuller answer

添加单项

在索引2处添加“猪”。

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

删除单个项目

从列表中删除“猪”。

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

【讨论】:

    【解决方案6】:

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

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

    【讨论】:

      【解决方案7】:

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

      【讨论】:

      • 只需设置一个监听器并在视图持有者中使用 getAdapterPosition() 方法。它将返回项目的位置。
      【解决方案8】:

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

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

      并在你的片段或活动中这样调用它:

      adapter.removeItemAtPosition(position);
      

      【讨论】:

        【解决方案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();
        }}      
        

        希望对你有所帮助。

        【讨论】:

          【解决方案10】:

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

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

          希望能帮到你。

          【讨论】:

            【解决方案11】:

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

            myDataset.remove(holder.getAdapterPosition());
            notifyItemRemoved(holder.getAdapterPosition());
            notifyItemRangeChanged(holder.getAdapterPosition(), getItemCount());
            

            【讨论】:

              【解决方案12】:
                String str = arrayList.get(position);
                arrayList.remove(str);
                MyAdapter.this.notifyDataSetChanged();
              

              【讨论】:

              • 这是一个非常糟糕的主意,因为您将强制重新绘制项目,如果您有很多项目,可能会有明显的延迟。正确的做法是拨打notifyItemRemoved(position)
              • 你说得对,我们还使用 notifyDataSetChanged() 的 notifyItemRemoved(position) instated
              【解决方案13】:

              到方法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();
                          }
                      });
              

              【讨论】:

                【解决方案14】:

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

                public void removeAt(int position) {
                    peopleListUser.remove(position);
                
                    friendsListRecycler.getAdapter().notifyItemRemoved(position);
                    friendsListRecycler.getAdapter().notifyItemRangeChanged(position, peopleListUser.size());
                }
                

                friendsListRecycler 是适配器名称

                【讨论】:

                  【解决方案15】:
                   //////// 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();
                                  }
                              });
                  

                  【讨论】:

                    【解决方案16】:

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

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

                    【讨论】:

                      【解决方案17】:

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

                      mdataset.remove(holder.getadapterposition());
                      

                      【讨论】:

                        【解决方案18】:

                        在活动中:

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

                        【讨论】:

                          猜你喜欢
                          • 2015-09-18
                          • 1970-01-01
                          • 2019-04-12
                          • 2020-09-25
                          • 1970-01-01
                          • 2016-10-05
                          • 2015-04-01
                          • 1970-01-01
                          相关资源
                          最近更新 更多