Android

Android RecyclerView addition & removal of items

Добавление и удаление элементов в Android RecyclerView

У меня есть 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 отображается список местоположений, которые необходимо отредактировать. Мы будем очень признательны за любые технические советы или комментарии / предложения по наилучшей реализации.

Переведено автоматически
Ответ 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() вместо этого.

Ответ 2

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

  mDataSet.remove(getAdapterPosition());

затем:

  notifyItemRemoved(getAdapterPosition());
notifyItemRangeChanged(getAdapterPosition(), mDataSet.size()-getAdapterPosition());
Ответ 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
}
Ответ 4

Проблема

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, объясняющая это

java android android-recyclerview