Сохранение состояния элемента, выбранного в RecyclerView при повторном использовании представления при прокрутке

Question

Я создал адаптер и ViewHolder для recyclerView. Я связываю imageButton элемента itemView внутри Viewholder. И установили onClickListener внутри onBindViewHolder.

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

Вот некоторый код

public class ListViewHolder extends RecyclerView.ViewHolder { 
    TextView textViewUserName; 
    ImageButton imageButtonCheckMark; 

    public ListViewHolder(View itemView) { 
     super(itemView); 
     textViewUserName = (TextView) itemView.findViewById(R.id.textView_user_name); 
     imageButtonCheckMark = (ImageButton) itemView.findViewById(R.id.imageButton_add_user); 
    } 
} 

класс Adapter

public class ListAdapter extends RecyclerView.Adapter<ListAdapter.ListViewHolder> { 

    private LayoutInflater inflater; 
    private Context context; 
    private List<Metadata> list; 
    public static boolean isUserSelected = false; 
    ListInterface listener; 

    public ListAdapter(Context context, List<Metadata> data, ListInterface listener) { 
     Log.d(TAG, "Passed list to adapter : " + data.size()); 
     inflater = LayoutInflater.from(context); 
     this.context = context; 
     this.list = data; 
     this.listener = listener; 
    } 

    @Override 
    public ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
     View view = inflater.inflate(R.layout.item_following_people, parent, false); 
     return new ListViewHolder(view); 
    } 

    @Override 
    public void onBindViewHolder(ListViewHolder holder, int position) { 

     holder.textViewUserName.setText(list.get(position).name); 

     holder.imageButtonCheckMark.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       if (!isUserSelected) { 
        holder.imageButtonCheckMark.setImageResource(R.drawable.checkmark_green); 
        isUserSelected = true; 
       } else { 
        holder.imageButtonCheckMark.setImageResource(R.drawable.checkmark_grey); 
        isUserSelected = false; 
       } 
       listener.onUserSelected(isUserSelected, holder.getLayoutPosition()); 
      } 
     }); 
    } 


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

Inteface класс

public interface ListInterface { 
    public void onUserSelected(boolean userStatus, int listPosition); 
} 

интерфейса обратного вызова слушателя внутри активности

// Interface callback listener implemented in the activity class 
private ArrayList<Metadata> metadataList = new ArrayList<>(); 
ArrayList<String> selectedUserIdList = new ArrayList<>(); 

@Override 
public void onUserSelected(boolean isUserSelected, int pos) { 
    if (isUserSelected) { 
     Log.d(TAG, "Selected user Id: " + metadataList.get(pos).userID); 
     followersSelectedIdList.add(metadataList.get(pos).userID); 
    } else { 
     Log.d(TAG, "Removed user Id: " + metadataList.get(pos).userID); 
     followersSelectedIdList.remove(metadataList.get(pos).userID); 
    } 
} 

Answer 1

Вы видите это поведение, поскольку просмотры повторно используются (перерабатываются) при прокрутке. Вам нужно сохранить состояние для всех кнопок в списке и установить состояние каждой кнопки в onBindViewHolder(), когда оно станет видимым.

Answer 2

Добавьте один атрибут в модели классе, который будет сохранять состояние, как выбрана или не ваша кнопка, писать код в onBindViewHolder() для управления видом кнопки, как это,

if(yourModel.getIsSelected()){ 
    // positive view 
} else { 
    //negative view 
}