RecyclerViewアダプターデータを更新する方法


275

の更新RecyclerViewアダプタの問題を把握しようとしています。

新しい製品リストを入手した後、次のことを試みました。

  1. が作成されArrayListたフラグメントからを更新し、recyclerView新しいデータをアダプターに設定して、を呼び出しadapter.notifyDataSetChanged()ます。うまく行かなかった。

  2. 他の人がしたように、新しいアダプタを作成し、それはそれらのために働きましたが、私にとっては変更はありません: recyclerView.setAdapter(new RecyclerViewAdapter(newArrayList))

  3. Adapter次のようにデータを更新するメソッドを作成します。

    public void updateData(ArrayList<ViewModel> viewModels) {
       items.clear();
       items.addAll(viewModels);
       notifyDataSetChanged();
    }

    次に、データリストを更新するたびにこのメソッドを呼び出します。うまく行かなかった。

  4. 何らかの方法でrecyclerViewを変更できるかどうかを確認し、少なくとも1つのアイテムを削除しようとしました。

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

    すべてがそのままでした。

これが私のアダプタです:

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> implements View.OnClickListener {

    private ArrayList<ViewModel> items;
    private OnItemClickListener onItemClickListener;

    public RecyclerViewAdapter(ArrayList<ViewModel> items) {
        this.items = items;
    }


    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_recycler, parent, false);
        v.setOnClickListener(this);
        return new ViewHolder(v);
    }

    public void updateData(ArrayList<ViewModel> viewModels) {
        items.clear();
        items.addAll(viewModels);
        notifyDataSetChanged();
    }
    public void addItem(int position, ViewModel viewModel) {
        items.add(position, viewModel);
        notifyItemInserted(position);
    }

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



    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        ViewModel item = items.get(position);
        holder.title.setText(item.getTitle());
        Picasso.with(holder.image.getContext()).load(item.getImage()).into(holder.image);
        holder.price.setText(item.getPrice());
        holder.credit.setText(item.getCredit());
        holder.description.setText(item.getDescription());

        holder.itemView.setTag(item);
    }

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

    @Override
    public void onClick(final View v) {
        // Give some time to the ripple to finish the effect
        if (onItemClickListener != null) {
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    onItemClickListener.onItemClick(v, (ViewModel) v.getTag());
                }
            }, 0);
        }
    }

    protected static class ViewHolder extends RecyclerView.ViewHolder {
        public ImageView image;
        public TextView price, credit, title, description;

        public ViewHolder(View itemView) {
            super(itemView);
            image = (ImageView) itemView.findViewById(R.id.image);
            price = (TextView) itemView.findViewById(R.id.price);
            credit = (TextView) itemView.findViewById(R.id.credit);
            title = (TextView) itemView.findViewById(R.id.title);
            description = (TextView) itemView.findViewById(R.id.description);
        }
    }

    public interface OnItemClickListener {

        void onItemClick(View view, ViewModel viewModel);

    }
}

そして私はRecyclerView次のように始めます:

recyclerView = (RecyclerView) view.findViewById(R.id.recycler);
recyclerView.setLayoutManager(new GridLayoutManager(getActivity(), 5));
adapter = new RecyclerViewAdapter(items);
adapter.setOnItemClickListener(this);
recyclerView.setAdapter(adapter);

では、新しく受け取ったアイテムを表示するために実際にアダプタデータを更新するにはどうすればよいですか?


更新:問題は、gridViewが次のように表示されるレイアウトでした。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:tag="catalog_fragment"
    android:layout_height="match_parent">

    <FrameLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clipToPadding="false"/>

        <ImageButton
            android:id="@+id/fab"
            android:layout_gravity="top|end"
            style="@style/FabStyle"/>

    </FrameLayout>
</LinearLayout>

次に、削除LinearLayoutFrameLayoutて親レイアウトとして作成しました。


items.clear(); items.addAll(newItems);醜いパターンです。ここで防御コピーが本当に必要な場合items = new ArrayList(newItems);は、それほど醜くないでしょう。
Miha_x64 2018年

2
@ miha-x64その通りです-見苦しくないでしょう。問題は、これが機能しないことです。アダプターは参照への参照を取得しません。参照自体を取得します。そのため、新しいデータセットを作成すると、アダプタは古いデータセットしか認識しない一方で、新しいデータセットを参照します。
信じられないほどの月

回答:


326

私はRecyclerViewを使用しており、削除と更新の両方がうまく機能しています。

1)削除:RecyclerViewからアイテムを削除するには4つのステップがあります

list.remove(position);
recycler.removeViewAt(position);
mAdapter.notifyItemRemoved(position);                 
mAdapter.notifyItemRangeChanged(position, list.size());

これらのコード行は私にとってはうまくいきます。

2)データを更新する:私がしなければならなかったことは

mAdapter.notifyDataSetChanged();

RecyclerViewアダプターコードではなく、Acctity / Fragmentコードでこれをすべて実行する必要がありました。


2
ありがとうございました。アップデートをご確認ください。どういうわけか、線形レイアウトではRecylerViewがリストを更新できません。
Filip Luchianenco、2015

40
次の2行のみが必要です。list.remove(position); mAdapter.notifyItemRemoved(position);
ファイサル2016年

3
私にとって、ラインrecycler.removeViewAt(position);(またはrecycler.removeAllViews())は重要なものでした。
MSpeed

2
削除中の煩わしいグリッチを回避するための重要な考慮事項:この行をrecycler.removeViewAt(position);と呼ぶ必要はありません。
Angelo Nodari

7
特に非常に長いリストを扱っている場合、NotifyDataSetChangedはやりすぎです。いくつかのアイテムの全体をリロードしますか?結構です。また、recycler.removeViewAt(position)?必要ありません。また、「mAdapter.notifyItemRemoved(position)」と「mAdapter.notifyItemRangeChanged(position、list.size())」の両方を呼び出す必要はありません。一部を削除するか、1つ削除してください。ONCEに通知します。それらの1つを呼び出します。
Vitor Hugo Schwaab 16

329

これは将来の訪問者のための一般的な答えです。アダプタデータを更新するさまざまな方法について説明します。このプロセスには、常に2つの主要なステップが含まれます。

  1. データセットを更新する
  2. アダプタに変更を通知します

単一のアイテムを挿入

インデックスに「豚」を追加します2

単一のアイテムを挿入

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

複数のアイテムを挿入する

インデックスにさらに3匹の動物を挿入します2

複数のアイテムを挿入する

ArrayList<String> items = new ArrayList<>();
items.add("Pig");
items.add("Chicken");
items.add("Dog");
int insertIndex = 2;
data.addAll(insertIndex, items);
adapter.notifyItemRangeInserted(insertIndex, items.size());

単一のアイテムを削除

リストから「豚」を削除します。

単一のアイテムを削除

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

複数のアイテムを削除する

リストから「ラクダ」と「羊」を削除します。

複数のアイテムを削除する

int startIndex = 2; // inclusive
int endIndex = 4;   // exclusive
int count = endIndex - startIndex; // 2 items will be removed
data.subList(startIndex, endIndex).clear();
adapter.notifyItemRangeRemoved(startIndex, count);

すべてのアイテムを削除

リスト全体をクリアします。

すべてのアイテムを削除

data.clear();
adapter.notifyDataSetChanged();

古いリストを新しいリストに置き換える

古いリストをクリアしてから、新しいリストを追加してください。

古いリストを新しいリストに置き換える

// clear old list
data.clear();

// add new list
ArrayList<String> newList = new ArrayList<>();
newList.add("Lion");
newList.add("Wolf");
newList.add("Bear");
data.addAll(newList);

// notify adapter
adapter.notifyDataSetChanged();

adapterはへの参照がdataあるためdata、新しいオブジェクトを設定しなかったことが重要です。代わりに私は古いアイテムをdata新しい追加しました。

単一のアイテムを更新

「羊」が「羊が好き」と表示されるように変更します。

単一のアイテムを更新

String newValue = "I like sheep.";
int updateIndex = 3;
data.set(updateIndex, newValue);
adapter.notifyItemChanged(updateIndex);

単一のアイテムを移動

「羊」を位置から位置3に移動し1ます。

単一のアイテムを移動

int fromPosition = 3;
int toPosition = 1;

// update data array
String item = data.get(fromPosition);
data.remove(fromPosition);
data.add(toPosition, item);

// notify adapter
adapter.notifyItemMoved(fromPosition, toPosition);

コード

これがあなたの参照のためのプロジェクトコードです。RecyclerViewアダプタのコードはこの回答にあります。

MainActivity.java

public class MainActivity extends AppCompatActivity implements MyRecyclerViewAdapter.ItemClickListener {

    List<String> data;
    MyRecyclerViewAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // data to populate the RecyclerView with
        data = new ArrayList<>();
        data.add("Horse");
        data.add("Cow");
        data.add("Camel");
        data.add("Sheep");
        data.add("Goat");

        // set up the RecyclerView
        RecyclerView recyclerView = findViewById(R.id.rvAnimals);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
                layoutManager.getOrientation());
        recyclerView.addItemDecoration(dividerItemDecoration);
        adapter = new MyRecyclerViewAdapter(this, data);
        adapter.setClickListener(this);
        recyclerView.setAdapter(adapter);
    }

    @Override
    public void onItemClick(View view, int position) {
        Toast.makeText(this, "You clicked " + adapter.getItem(position) + " on row number " + position, Toast.LENGTH_SHORT).show();
    }

    public void onButtonClick(View view) {
        insertSingleItem();
    }

    private void insertSingleItem() {
        String item = "Pig";
        int insertIndex = 2;
        data.add(insertIndex, item);
        adapter.notifyItemInserted(insertIndex);
    }

    private void insertMultipleItems() {
        ArrayList<String> items = new ArrayList<>();
        items.add("Pig");
        items.add("Chicken");
        items.add("Dog");
        int insertIndex = 2;
        data.addAll(insertIndex, items);
        adapter.notifyItemRangeInserted(insertIndex, items.size());
    }

    private void removeSingleItem() {
        int removeIndex = 2;
        data.remove(removeIndex);
        adapter.notifyItemRemoved(removeIndex);
    }

    private void removeMultipleItems() {
        int startIndex = 2; // inclusive
        int endIndex = 4;   // exclusive
        int count = endIndex - startIndex; // 2 items will be removed
        data.subList(startIndex, endIndex).clear();
        adapter.notifyItemRangeRemoved(startIndex, count);
    }

    private void removeAllItems() {
        data.clear();
        adapter.notifyDataSetChanged();
    }

    private void replaceOldListWithNewList() {
        // clear old list
        data.clear();

        // add new list
        ArrayList<String> newList = new ArrayList<>();
        newList.add("Lion");
        newList.add("Wolf");
        newList.add("Bear");
        data.addAll(newList);

        // notify adapter
        adapter.notifyDataSetChanged();
    }

    private void updateSingleItem() {
        String newValue = "I like sheep.";
        int updateIndex = 3;
        data.set(updateIndex, newValue);
        adapter.notifyItemChanged(updateIndex);
    }

    private void moveSingleItem() {
        int fromPosition = 3;
        int toPosition = 1;

        // update data array
        String item = data.get(fromPosition);
        data.remove(fromPosition);
        data.add(toPosition, item);

        // notify adapter
        adapter.notifyItemMoved(fromPosition, toPosition);
    }
}

ノート

  • を使用するとnotifyDataSetChanged()、アニメーションは実行されません。これはコストのかかる操作にもなるためnotifyDataSetChanged()、単一のアイテムまたはアイテムの範囲のみを更新する場合は使用しないことをお勧めします。
  • リストに大きな変更や複雑な変更を加える場合は、DiffUtilをチェックしてください。

さらなる研究


5
素晴らしい答えです!アイテムを置き換えるときの手順は何ですか?その結果、ビュータイプが異なりますか?それは単にnotifyItemChangedですか、それとも削除とその後の挿入の組み合わせですか?
セマフォ2018

最小限の例では、notifyItemChangedで十分のようです。変更されたアイテムに対してonCreateViewHolderとonBindViewHolderを呼び出し、異なるビューが表示されます。アイテムを更新するアプリケーションで問題が発生し、別のビューが表示されましたが、別の問題があるようです。
セマフォ

@Suragch私の質問についての考え:stackoverflow.com/questions/57332222/…私はこのスレッドにリストされているすべてを試しましたが、役に立たなかった:(

DiffUtilsを使用して変更を加える場合はどうでしょうか?手動で.notify <Action>()を呼び出すような流動性はありません。
ギル

1
本当にボールを下Update single itemに落としました、私はカメ
ardnew

46

これは私のために働いたものです:

recyclerView.setAdapter(new RecyclerViewAdapter(newList));
recyclerView.invalidate();

更新されたリスト(私の場合はArrayListに変換されたデータベース)を含む新しいアダプターを作成し、それをアダプターとして設定した後、試してみましたがrecyclerView.invalidate()、うまくいきました。


12
変更されたアイテムを更新するだけでなく、ビュー全体を更新しませんか?
TWilly、2016

13
毎回新しいアダプターを作成する代わりに、カスタムアダプタークラスにセッターメソッドを作成して、新しいリストを設定しました。その後、YourAdapter adapter = (YourAdapter) recyclerView.getAdapter(); adapter.yourSetterMethod(newList); adapter.notifyDataSetChanged();それが呼び出されると言ってください、それはOPが最初に試みたもののように聞こえます(これはコメントとして追加して、私の場合は他の人を助けるために他の人を助けるかもしれません)。
Kevin Lee

2
読者、これに満足しないでください。この答えは機能しますが、より効率的な方法があります。すべてのデータを再度リロードする代わりに、最も効率的な方法は、新しいデータをアダプターに追加することです。
Sebastialonso

はい、@ TWillyに同意します。UIの完全なビューが再描画されます。
Rahul 2017

18

これには2つのオプションがあります。アダプターからUIを更新します。

mAdapter.notifyDataSetChanged();

または、recyclerView自体から更新します。

recyclerView.invalidate();

15

別のオプションは、diffutilを使用することです。元のリストと新しいリストを比較し、変更があった場合は新しいリストを更新として使用します。

基本的には、DiffUtilを使用して古いデータと新しいデータを比較し、notifyItemRangeRemoved、notifyItemRangeChanged、notifyItemRangeInsertedを呼び出します。

notifyDataSetChangedの代わりにdiffUtilを使用する簡単な例:

DiffResult diffResult = DiffUtil
                .calculateDiff(new MyDiffUtilCB(getItems(), items));

//any clear up on memory here and then
diffResult.dispatchUpdatesTo(this);

//and then, if necessary
items.clear()
items.addAll(newItems)

それが大きなリストである場合に備えて、メインスレッドから計算計算を行います。


1
これは正しいですが、アダプター内のデータをどのように更新しますか?アダプターにList <Object>を表示していて、List <Object>で新しい更新を取得するとします。DiffUtilは、アダプタの違いや派遣、それを計算しますが、それはあなたのケースで(元または新しいリストを何もしていないgetItems()、あなたが知っているどのように追加/更新/削除する元のリストの必要性から、どのデータ。?
vanomart

1
多分この記事が役立つかもしれません。... medium.com/@nullthemall/...
j2emanue

@vanomartは、通常行うようにローカルリストフィールドを新しいリスト値で直接置き換えるだけでよく、このアプローチの唯一の違いは、notifyDataSetChanged()の代わりにDiffUtilを使用してビューを更新することです。
carrizo 2017年

私の考えは?:私はすべてここに記載されているが、運試したstackoverflow.com/questions/57332222/...

回答ありがとうございます!dispatchUpdatesToの後に「clear」と「addAll」を配置する理由を説明していただけますか?Tnx!
Adi Azarya

10

リストビュー、グリッドビュー、リサイクラービューのデータ更新

mAdapter.notifyDataSetChanged();

または

mAdapter.notifyItemRangeChanged(0, itemList.size());

これは、ユーザーがスクロールを開始するまで私のデータを更新しないようです。私は
あちこち見回しましたが

@SudoPlzカスタムスクロールリスナーを使用してスクロールを検出し、stackoverflow.com
a / 31174967/4401692の

Pankajに感謝しますが、それはまさに私が避けようとしていることです。ユーザーに画面をタッチさせずにすべてを更新したい。
SudoPlz 2018年

5

現在のデータに新しいデータを追加するための最善かつ最もクールな方法は、

 ArrayList<String> newItems = new ArrayList<String>();
 newItems = getList();
 int oldListItemscount = alcontainerDetails.size();
 alcontainerDetails.addAll(newItems);           
 recyclerview.getAdapter().notifyItemChanged(oldListItemscount+1, al_containerDetails);

2
すべてに「notifyDataSetChanged」を使用している人を見かけますが、それはやり過ぎではありませんか?つまり、いくつか変更または追加されたため、リスト全体をリロードします...私はこのアプローチが好きで、「notifyItemRangeInserted」メソッドを使用して現在実装しています。
Vitor Hugo Schwaab 16

5

同じ問題を別の方法で解決しました。バックグラウンドスレッドから待っているデータがないので、空のリストから始めます。

        mAdapter = new ModelAdapter(getContext(),new ArrayList<Model>());
   // then when i get data

        mAdapter.update(response.getModelList());
  //  and update is in my adapter

        public void update(ArrayList<Model> modelList){
            adapterModelList.clear(); 
            for (Product model: modelList) {
                adapterModelList.add(model); 
            }
           mAdapter.notifyDataSetChanged();
        }

それでおしまい。


2

これらの方法は効率的で、基本的なを使い始めるのに適していRecyclerViewます。

private List<YourItem> items;

public void setItems(List<YourItem> newItems)
{
    clearItems();
    addItems(newItems);
}

public void addItem(YourItem item, int position)
{
    if (position > items.size()) return;

    items.add(item);
    notifyItemInserted(position);
}

public void addMoreItems(List<YourItem> newItems)
{
    int position = items.size() + 1;
    newItems.addAll(newItems);
    notifyItemChanged(position, newItems);
}

public void addItems(List<YourItem> newItems)
{
    items.addAll(newItems);
    notifyDataSetChanged();
}

public void clearItems()
{
    items.clear();
    notifyDataSetChanged();
}

public void addLoader()
{
    items.add(null);
    notifyItemInserted(items.size() - 1);
}

public void removeLoader()
{
    items.remove(items.size() - 1);
    notifyItemRemoved(items.size());
}

public void removeItem(int position)
{
    if (position >= items.size()) return;

    items.remove(position);
    notifyItemRemoved(position);
}

public void swapItems(int positionA, int positionB)
{
    if (positionA > items.size()) return;
    if (positionB > items.size()) return;

    YourItem firstItem = items.get(positionA);

    videoList.set(positionA, items.get(positionB));
    videoList.set(positionB, firstItem);

    notifyDataSetChanged();
}

これらはアダプタクラス内、またはフラグメントやアクティビティ内に実装できますが、その場合は、アダプタをインスタンス化して通知メソッドを呼び出す必要があります。私の場合、通常はアダプタに実装します。


2

RecyclerViewをリロードする本当に簡単な方法は、

recyclerView.removeAllViews();

これにより、最初にRecyclerViewのすべてのコンテンツが削除され、更新された値で再度追加されます。


2
これは使用しないでください。あなたはトラブルを求めているでしょう。
dell116

1

久しぶりに答えが出ました

  SELECTEDROW.add(dt);
                notifyItemInserted(position);
                SELECTEDROW.remove(position);
                notifyItemRemoved(position);

0

上記のコメントで何も言及されていない場合は、うまくいきません。それは問題がどこかにあることを意味するかもしれません。

私が解決策を見つけた1つの場所は、リストをアダプターに設定する方法にありました。私の活動では、リストはインスタンス変数であり、データが変更されたときに直接変更していました。それが参照変数であるため、奇妙なことが起こっていました。そこで、参照変数をローカル変数に変更し、別の変数を使用してデータを更新してからaddAll()、上記の回答で述べた関数に渡しました。

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