web-dev-qa-db-ja.com

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

RecyclerViewのAdapterの更新に関する問題は何かを理解しようとしています。

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

  1. ArrayListが作成されたフラグメントからrecyclerViewを更新し、新しいデータをadapterに設定してから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>

それから私はLinearLayoutを削除してFrameLayoutを親レイアウトとして作成しました。

201

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

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

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

これらのコード行は私にとって役に立ちます。

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

mAdapter.notifyDataSetChanged();

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

256
nicopasso

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

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

単一アイテムを挿入

インデックス2に "Pig"を追加してください。

Insert single item

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

複数の項目を挿入

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

Insert multiple items

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

単一のアイテムを削除

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

Remove single item

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

複数のアイテムを削除

リストから「Camel」と「Sheep」を削除します。

Remove multiple items

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

すべてのアイテムを削除

リスト全体を消去します。

Remove all items

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

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

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

Replace old list with new list

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

adapterdataへの参照を持っているので、私はdataを新しいオブジェクトに設定しなかったことが重要です。代わりに私はdataから古い項目を削除してから新しい項目を追加しました。

単一アイテムを更新

「羊が好き」というように「羊」の項目を変更します。

Update single item

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

単一のアイテムを移動する

"羊"を3の位置から1の位置に移動します。

Move single item

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 をチェックしてください。あなたがリストを大きくまたは複雑に変更している場合。

さらなる研究

191
Suragch

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

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

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

40
martinpkmn

これには2つの選択肢があります。アダプタからUIを更新します。

mAdapter.notifyDataSetChanged();

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

recyclerView.invalidate();
15
ediBersh

別の選択肢は 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)

それが大きなリストである場合には、calculateDiffはメインスレッドで動作します。

9
j2emanue

Listview、gridviewおよびrecyclerviewの更新データ

mAdapter.notifyDataSetChanged();

または

mAdapter.notifyItemRangeChanged(0, itemList.size());
8
Pankaj Talaviya

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

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

それでおしまい。

5
Ahmed Ozmaan

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

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

私はRecyclerViewをリロードするための本当に簡単な方法はただコールすることであることがわかりました

recyclerView.removeAllViews();

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

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

あなたはそれらをアダプタクラスの中、またはあなたのフラグメントまたはアクティビティの中に実装することができますがその場合通知メソッドを呼び出すためにアダプタをインスタンス化しなければなりません。私の場合、私は通常アダプタにそれを実装します。

1
Teocci

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

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

1
bitSmith

私は久しぶりに答えを得ました

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