Confirmation et annuler la suppression en RecyclerView

L'approche habituelle est de ne pas supprimer l'élément immédiatement après coup. Mettre en place un message (il pourrait être un casse-croûte ou, comme dans Gmail, un message de la superposition de l'élément juste glissée) et de fournir à la fois un délai d'attente et un bouton annuler pour le message.

Si l'utilisateur appuie sur le bouton annuler pendant que le message est visible, il vous suffit de faire disparaître le message et revenir à des conditions normales de traitement. Supprimer l'élément réel que si le délai s'écoule sans que l'utilisateur en appuyant sur le bouton annuler.

Fondamentalement, quelque chose le long de ces lignes:

@Override
public void onSwiped(final RecyclerView.ViewHolder viewHolder, int direction) {
  final View undo = viewHolder.itemView.findViewById(R.id.undo);
  if (undo != null) {
    //optional: tapping the message dismisses immediately
    TextView text = (TextView) viewHolder.itemView.findViewById(R.id.undo_text);
    text.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        callbacks.onDismiss(recyclerView, viewHolder, viewHolder.getAdapterPosition());
      }
    });

    TextView button = (TextView) viewHolder.itemView.findViewById(R.id.undo_button);
    button.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        recyclerView.getAdapter().notifyItemChanged(viewHolder.getAdapterPosition());
        clearView(recyclerView, viewHolder);
        undo.setVisibility(View.GONE);
      }
    });

    undo.setVisibility(View.VISIBLE);
    undo.postDelayed(new Runnable() {
      public void run() {
        if (undo.isShown())
          callbacks.onDismiss(recyclerView, viewHolder, viewHolder.getAdapterPosition());
      }
    }, UNDO_DELAY);
  }
}

Cela suppose l'existence d'un undo mise en page dans la rubrique viewholder, normalement invisible, avec les deux éléments, un texte (en disant Supprimé ou similaire) et un Annuler bouton.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

  ...

  <LinearLayout
      android:id="@+id/undo"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@android:color/darker_gray"
      android:orientation="horizontal"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:visibility="gone">
    <TextView
        android:id="@+id/undo_text"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:gravity="center|start"
        android:text="Deleted"
        android:textColor="@android:color/white"/>
    <TextView
        android:id="@+id/undo_button"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center|end"
        android:text="UNDO"
        android:textColor="?attr/colorAccent"
        android:textStyle="bold"/>
  </LinearLayout>
</FrameLayout>

Appuyant sur le bouton supprime simplement le message. En option, appuyez sur le texte confirme la suppression et supprime l'élément immédiatement en appelant le rappel approprié dans votre code. N'oubliez pas de rappeler à votre adaptateur notifyItemRemoved():

public void onDismiss(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, int position) {
  //TODO delete the actual item in your data source
  adapter.notifyItemRemoved(position);
}

Je l'ai trouvé beaucoup plus simple de faire un dialogue confirmation de la suppression de travail:

@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
int itemPosition = viewHolder.getAdapterPosition();
new AlertDialog.Builder(YourActivity.this)
.setMessage("Do you want to delete: \"" + mRecyclerViewAdapter.getItemAtPosition(itemPosition).getName() + "\"?")
.setPositiveButton("Delete", (dialog, which) -> mYourActivityViewModel.removeItem(itemPosition))
.setNegativeButton("Cancel", (dialog, which) -> mRecyclerViewAdapter.notifyItemChanged(itemPosition))
.setOnCancelListener(dialogInterface -> mRecyclerViewAdapter.notifyItemChanged(itemPosition))
.create().show();
}

Noter que:

• suppression est déléguée à ViewModel qui met à jour les mRecyclerViewAdapter en cas de succès.
• pour l'élément de "retour", vous avez juste à appeler mRecyclerViewAdapter.notifyItemChanged
• cancelListener et negativeButtonListener effectuer la même chose. Vous pouvez choisir d'utiliser .setCanclable(faux) si vous ne voulez pas que l'utilisateur appuyez à l'extérieur de la boîte de dialogue