Android RecyclerView addition & removal of items

У меня есть RecyclerView с текстовым полем TextView и перекрестной кнопкой ImageView. У меня есть кнопка вне recyclerview, которая делает перекрестную кнопку ImageView видимой / исчезающей.

Я хочу удалить элемент из recyclerview, когда нажата перекрестная кнопка 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>

Как я могу заставить что-то вроде onClick работать для моего crossButton ImageView? Есть ли способ получше? Может быть, изменить onclick всего элемента на "удалить элемент"? В recyclerview отображается список местоположений, которые необходимо отредактировать. Мы будем очень признательны за любые технические советы или комментарии / предложения по наилучшей реализации.

Я делал нечто подобное. В вашем 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() вместо этого.

прежде всего, элемент должен быть удален из списка!

  mDataSet.remove(getAdapterPosition());

затем:

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

если элемент по-прежнему не удален, используйте этот волшебный метод :)

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
}

Проблема

RecyclerView был создан для эффективного и отзывчивого отображения данных. Обычно у вас есть набор данных, который передается вашему адаптеру и используется для отображения ваших данных. Здесь ваш набор данных:

private ArrayList<String> mDataset;

Дело в том, что RecyclerView не подключен к вашему набору данных и, следовательно, не знает об изменениях в вашем наборе данных.

Он просто считывает данные один раз и отображает их через ваш ViewHolder, но изменение вашего набора данных не будет распространяться на ваш пользовательский интерфейс.

Это означает, что всякий раз, когда вы производите удаление / добавление в свой список данных, эти изменения не будут отражаться непосредственно в вашем RecyclerView. (т. Е. вы удаляете элемент с индексом 5, но 6-й элемент остается в вашем представлении recycler).

Решение старой школы

RecyclerView предоставляет вам некоторые методы для передачи изменений в вашем наборе данных, отражая эти изменения непосредственно в элементах вашего списка.

Стандартные API Android позволяют вам связать процесс удаления данных (для целей вопроса) с процессом удаления представления.

Методы, о которых мы говорим, следующие:

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, помеченные stacktrace как "несоответствие данных").

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

Решения с открытым исходным кодом

Вы можете позволить таким библиотекам, как FastAdapter, Epoxy или Groupie, позаботиться о бизнесе и даже использовать observable recycler view с привязкой данных.

Новый ListAdapter

Недавно Google представила новый способ написания адаптера recycler view, который действительно хорошо работает и поддерживает реактивные данные.

Это новый подход, требующий небольшого рефакторинга, но на 100% стоит перейти на него, так как он делает все более плавным.

здесь приведена документация, а здесь - статья medium, объясняющая это