Android RecyclerViewによるアイテムの追加と削除


144

TextViewテキストボックスと十字ボタンImageViewを持つRecyclerViewがあります。私はrecyclerviewの外側に、十字ボタンのImageViewを表示/削除するボタンがあります。

そのアイテムのクロスボタンImageViewが押されたときに、アイテムをrecylerviewから削除しようとしています。

私のアダプター:

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からremoveに変更しますか?recyclerviewは、編集する必要がある場所のリストを表示します。最良の実装に関する技術的なアドバイスやコメント/提案は大歓迎です。


見てみましょうLINK 1 LINK 2それはUに役立つかもしれません
サラバナラジャ2014年


1
この例はGithub Happyコード見ることができます!!!!
Cabezas 2017

回答:


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());、アイテムを削除した後、パラダイトの回答に追加して、削除されたアイテムの下のすべてのビューがそれに応じて調整されるようにします。
Chris Angell 2014年

3
私は同じ問題を抱えていますgetPosition()が、現在は廃止されています
チップ

4
ありがとう、どうやら電話をかけるだけnotifyItemRemoved(position)では不十分でした。
Ektos974

3
@chip Use getAdapterPosition()
Tyler Pfaff

2
このコードは、上と下の両方からアイテムをすばやく削除した場合の問題を修正しません。
Vito Valov、2015

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 2017年

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いいえそれは単に最後のビューを非表示にして行った
モスタファ

ビューを非表示にする必要はありません。dataSet.remove(position)は正常に機能しますが、yoiは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の子は応答せずにアニメーション化されます。

代わりに、次のコードは削除される子でのみアニメーションを正確に再生します(そしてIndexOutOfBoundException、補足として、スタックトレースで「データの不整合」としてマークされたsを修正しました)

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

内部的に調べるRecyclerViewと、渡さなければならない2番目のパラメーターは、データセットから削除されるアイテムの数であり、アイテムの総数ではないことを説明するドキュメントを見つけることができます(他のいくつかの情報ソースで誤って述べられているように)。

    /**
     * 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()メソッドを使用するだけです。アイテムの位置を返します。
アルン2016

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)です。
Minas Mina

正解です。notifyDataSetChanged()を含むnotifyItemRemoved(position)も使用します
Tarun Umath

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

誰かがアダプタクラスの代わりにメインクラスでこのようなものを実装したい場合、あなたは使うことができます:

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

インターフェイスをカスタムアダプタークラスにして、リサイクラービューでクリックイベントを処理します。

 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()メソッドでアダプターの位置をどこで取得できるか疑問に思っている場合は、ビューホルダーオブジェクト内にあるので、このようにコードを配置する必要があります

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);
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.