Добавление и удаление элементов в 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, объясняющая это