Add animation for swipe to archive.

Author: alex-signal

app/src/main/java/org/thoughtcrime/securesms/conversationlist/ConversationListFragment.java

@@ -50,26 +50,30 @@
 import androidx.annotation.PluralsRes;
 import androidx.annotation.WorkerThread;
 import androidx.appcompat.app.AppCompatActivity;
+import androidx.appcompat.content.res.AppCompatResources;
 import androidx.appcompat.view.ActionMode;
 import androidx.appcompat.widget.Toolbar;
 import androidx.appcompat.widget.TooltipCompat;
 import androidx.constraintlayout.widget.ConstraintLayout;
 import androidx.constraintlayout.widget.ConstraintSet;
-import androidx.core.content.res.ResourcesCompat;
+import androidx.core.view.ViewCompat;
 import androidx.fragment.app.DialogFragment;
 import androidx.lifecycle.ViewModelProviders;
 import androidx.recyclerview.widget.ItemTouchHelper;
 import androidx.recyclerview.widget.LinearLayoutManager;
 import androidx.recyclerview.widget.RecyclerView;
 import androidx.transition.TransitionManager;
 
+import com.airbnb.lottie.SimpleColorFilter;
 import com.annimon.stream.Stream;
+import com.google.android.material.animation.ArgbEvaluatorCompat;
 import com.google.android.material.dialog.MaterialAlertDialogBuilder;
 import com.google.android.material.snackbar.Snackbar;
 
 import org.greenrobot.eventbus.EventBus;
 import org.greenrobot.eventbus.Subscribe;
 import org.greenrobot.eventbus.ThreadMode;
+import org.signal.core.util.DimensionUnit;
 import org.signal.core.util.concurrent.SignalExecutors;
 import org.signal.core.util.logging.Log;
 import org.thoughtcrime.securesms.MainFragment;
@@ -81,10 +85,10 @@
 import org.thoughtcrime.securesms.badges.self.expired.ExpiredBadgeBottomSheetDialogFragment;
 import org.thoughtcrime.securesms.components.RatingManager;
 import org.thoughtcrime.securesms.components.SearchToolbar;
+import org.thoughtcrime.securesms.components.UnreadPaymentsView;
 import org.thoughtcrime.securesms.components.menu.ActionItem;
 import org.thoughtcrime.securesms.components.menu.SignalBottomActionBar;
 import org.thoughtcrime.securesms.components.menu.SignalContextMenu;
-import org.thoughtcrime.securesms.components.UnreadPaymentsView;
 import org.thoughtcrime.securesms.components.recyclerview.DeleteItemAnimator;
 import org.thoughtcrime.securesms.components.registration.PulsingFloatingActionButton;
 import org.thoughtcrime.securesms.components.reminder.DozeReminder;
@@ -1236,7 +1240,7 @@ protected Toolbar getToolbar(@NonNull View rootView) {
   }
 
   protected @DrawableRes int getArchiveIconRes() {
-    return R.drawable.ic_archive_white_36dp;
+    return R.drawable.ic_archive_24;
   }
 
   @WorkerThread
@@ -1332,6 +1336,9 @@ private void goToSinglePayment(@NonNull UUID paymentId) {
 
   private class ArchiveListenerCallback extends ItemTouchHelper.SimpleCallback {
 
+    private static final int ARCHIVE_SWIPE_START_COLOR = 0xFF28782A;
+    private static final int ARCHIVE_SWIPE_END_COLOR   = 0xFF329635;
+
     ArchiveListenerCallback() {
       super(0, ItemTouchHelper.RIGHT);
     }
@@ -1376,35 +1383,61 @@ public void onChildDraw(@NonNull Canvas canvas, @NonNull RecyclerView recyclerVi
     {
       if (viewHolder.itemView instanceof ConversationListItemInboxZero) return;
       if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
-        View  itemView = viewHolder.itemView;
-        float alpha    = 1.0f - Math.abs(dX) / (float) viewHolder.itemView.getWidth();
+        Resources resources       = getResources();
+        View      itemView        = viewHolder.itemView;
+        float     percentDx       = Math.abs(dX) / viewHolder.itemView.getWidth();
+        int       color           = ArgbEvaluatorCompat.getInstance().evaluate(Math.min(1f, percentDx * (1 / 0.25f)), ARCHIVE_SWIPE_START_COLOR, ARCHIVE_SWIPE_END_COLOR);
+        float     scaleStartPoint = DimensionUnit.DP.toPixels(48f);
+        float     scaleEndPoint   = DimensionUnit.DP.toPixels(112f);
+
+        float scale;
+        if (dX < scaleStartPoint) {
+          scale = 0.5f;
+        } else if (dX > scaleEndPoint) {
+          scale = 1f;
+        } else {
+          scale = Math.min(1f, 0.5f + ((dX - scaleStartPoint) / (scaleEndPoint - scaleStartPoint)) * (1f - 0.5f));
+        }
 
         if (dX > 0) {
-          Resources resources = getResources();
-
           if (archiveDrawable == null) {
-            archiveDrawable = ResourcesCompat.getDrawable(resources, getArchiveIconRes(), requireActivity().getTheme());
-            Objects.requireNonNull(archiveDrawable).setBounds(0, 0, archiveDrawable.getIntrinsicWidth(), archiveDrawable.getIntrinsicHeight());
+            archiveDrawable = Objects.requireNonNull(AppCompatResources.getDrawable(requireContext(), getArchiveIconRes()));
+            archiveDrawable.setColorFilter(new SimpleColorFilter(Color.WHITE));
+            archiveDrawable.setBounds(0, 0, archiveDrawable.getIntrinsicWidth(), archiveDrawable.getIntrinsicHeight());
           }
 
           canvas.save();
-          canvas.clipRect(itemView.getLeft(), itemView.getTop(), dX, itemView.getBottom());
+          canvas.clipRect(itemView.getLeft(), itemView.getTop(), itemView.getRight(), itemView.getBottom());
+
+          canvas.drawColor(color);
 
-          canvas.drawColor(alpha > 0 ? resources.getColor(R.color.green_500) : Color.WHITE);
+          float gutter = resources.getDimension(R.dimen.dsl_settings_gutter);
+          float extra  = resources.getDimension(R.dimen.conversation_list_fragment_archive_padding);
 
-          canvas.translate(itemView.getLeft() + resources.getDimension(R.dimen.conversation_list_fragment_archive_padding),
+          canvas.translate(itemView.getLeft() + gutter + extra,
                            itemView.getTop() + (itemView.getBottom() - itemView.getTop() - archiveDrawable.getIntrinsicHeight()) / 2f);
 
+          canvas.scale(scale, scale, archiveDrawable.getIntrinsicWidth() / 2f, archiveDrawable.getIntrinsicHeight() / 2f);
+
           archiveDrawable.draw(canvas);
           canvas.restore();
+
+          ViewCompat.setElevation(viewHolder.itemView, DimensionUnit.DP.toPixels(4f));
+        } else if (dX == 0) {
+          ViewCompat.setElevation(viewHolder.itemView, DimensionUnit.DP.toPixels(0f));
         }
 
-        viewHolder.itemView.setAlpha(alpha);
         viewHolder.itemView.setTranslationX(dX);
       } else {
         super.onChildDraw(canvas, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
       }
     }
+
+    @Override
+    public void clearView(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
+      super.clearView(recyclerView, viewHolder);
+      ViewCompat.setElevation(viewHolder.itemView, 0);
+    }
   }
 
   private class ScrollListener extends RecyclerView.OnScrollListener {

app/src/main/res/drawable-v21/conversation_list_item_background.xml

@@ -33,6 +33,7 @@
                     </shape>
                 </inset>
             </item>
+            <item android:drawable="@drawable/conversation_list_item_background_default" />
         </ripple>
     </item>
 </selector>

app/src/main/res/drawable-v21/conversation_list_item_background_ripple.xml

@@ -3,4 +3,5 @@
     <item android:drawable="@color/core_ultramarine_33" android:state_selected="true" />
     <item android:drawable="@color/core_ultramarine_33" android:state_pressed="true" />
     <item android:drawable="@color/core_ultramarine_50" android:state_focused="true" />
+    <item android:drawable="@drawable/conversation_list_item_background_default" />
 </selector>

app/src/main/res/drawable/conversation_list_item_background.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
+    <solid android:color="@color/signal_background_primary"/>
+    <corners android:radius="8dp"/>
+    <padding android:bottom="5dp" android:left="5dp" android:right="5dp" android:top="5dp"/>
+</shape>

app/src/main/res/drawable/conversation_list_item_background_default.xml

@@ -105,7 +105,7 @@
 
     <dimen name="tooltip_popup_margin">8dp</dimen>
 
-    <dimen name="conversation_list_fragment_archive_padding">16dp</dimen>
+    <dimen name="conversation_list_fragment_archive_padding">12dp</dimen>
     <dimen name="contact_selection_actions_tap_area">10dp</dimen>
 
     <dimen name="unread_count_bubble_radius">12.5dp</dimen>