From f664a4cf9b3e03e5643f57c9c3edbcf96f9edee6 Mon Sep 17 00:00:00 2001
From: Jays2Kings <jays@outlook.com>
Date: Fri, 23 Apr 2021 19:39:22 -0400
Subject: [PATCH] Animated icon for library tab

added a 75ms delay because of lag when switching tabs
---
 .../drawable/anim_lib_filled_to_outline.xml   | 50 +++++++++++++++++++
 .../drawable/anim_lib_outline_to_filled.xml   | 50 +++++++++++++++++++
 .../res/drawable/ic_libary_filled_24dp.xml    |  9 ++++
 app/src/main/res/drawable/ic_library_24dp.xml |  5 --
 .../res/drawable/ic_library_selector_24dp.xml | 19 +++++--
 5 files changed, 124 insertions(+), 9 deletions(-)
 create mode 100644 app/src/main/res/drawable/anim_lib_filled_to_outline.xml
 create mode 100644 app/src/main/res/drawable/anim_lib_outline_to_filled.xml
 create mode 100644 app/src/main/res/drawable/ic_libary_filled_24dp.xml
 delete mode 100644 app/src/main/res/drawable/ic_library_24dp.xml

diff --git a/app/src/main/res/drawable/anim_lib_filled_to_outline.xml b/app/src/main/res/drawable/anim_lib_filled_to_outline.xml
new file mode 100644
index 0000000000..f550431906
--- /dev/null
+++ b/app/src/main/res/drawable/anim_lib_filled_to_outline.xml
@@ -0,0 +1,50 @@
+<animated-vector
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt">
+    <aapt:attr name="android:drawable">
+        <vector
+            android:name="vector"
+            android:width="24dp"
+            android:height="24dp"
+            android:viewportWidth="24"
+            android:viewportHeight="24">
+            <clip-path
+                android:name="path_4"
+                android:pathData="M 19.9 2.1 L 18.9 2.1 L 18.9 10 L 16.4 8.6 L 13.9 10.1 L 13.9 2.1 L 7.9 2.1 C 6.8 2.1 5.9 3 5.9 4.1 L 5.9 16.1 C 5.9 17.2 6.8 18.1 7.9 18.1 L 19.9 18.1 C 21 18.1 21.9 17.2 21.9 16.1 L 21.9 4.1 C 21.9 3 21 2.1 19.9 2.1 Z M 4.1 5.9 L 2.1 5.9 L 2.1 19.9 C 2.1 21 3 21.9 4.1 21.9 L 18.1 21.9 L 18.1 19.9 L 4.1 19.9 L 4.1 5.9 Z"/>
+            <path
+                android:name="path"
+                android:pathData="M 20 2 L 8 2 C 6.9 2 6 2.9 6 4 L 6 16 C 6 17.1 6.9 18 8 18 L 20 18 C 21.1 18 22 17.1 22 16 L 22 4 C 22 2.9 21.1 2 20 2 Z M 4 6 L 2 6 L 2 20 C 2 21.1 2.9 22 4 22 L 18 22 L 18 20 L 4 20 L 4 6 Z M 20 16 L 8 16 L 8 4 L 20 4 L 20 16"
+                android:fillColor="#000"
+                android:strokeWidth="1"/>
+            <path
+                android:name="path_1"
+                android:pathData="M 8 4 L 8 16 L 14.129 16 L 20 16 L 20 4 L 8 4"
+                android:fillColor="#000"
+                android:strokeWidth="1"/>
+        </vector>
+    </aapt:attr>
+    <target android:name="path_1">
+        <aapt:attr name="android:animation">
+            <objectAnimator
+                android:propertyName="pathData"
+                android:startOffset="75"
+                android:duration="250"
+                android:valueFrom="M 8 4 L 8 16 L 14.129 16 L 20 16 L 20 4 L 8 4"
+                android:valueTo="M 13.2 4 L 13.2 12 L 15.7 10.5 L 18.2 12 L 18.2 4 L 13.2 4"
+                android:valueType="pathType"
+                android:interpolator="@android:interpolator/fast_out_slow_in"/>
+        </aapt:attr>
+    </target>
+    <target android:name="path_4">
+        <aapt:attr name="android:animation">
+            <objectAnimator
+                android:propertyName="pathData"
+                android:startOffset="75"
+                android:duration="200"
+                android:valueFrom="M 19.9 2.1 L 18.9 2.1 L 18.9 10 L 16.4 8.6 L 13.9 10.1 L 13.9 2.1 L 7.9 2.1 C 6.8 2.1 5.9 3 5.9 4.1 L 5.9 16.1 C 5.9 17.2 6.8 18.1 7.9 18.1 L 19.9 18.1 C 21 18.1 21.9 17.2 21.9 16.1 L 21.9 4.1 C 21.9 3 21 2.1 19.9 2.1 Z M 4.1 5.9 L 2.1 5.9 L 2.1 19.9 C 2.1 21 3 21.9 4.1 21.9 L 18.1 21.9 L 18.1 19.9 L 4.1 19.9 L 4.1 5.9 Z"
+                android:valueTo="M 19.9 2.1 L 18.581 2.1 L 18.581 2.1 L 16.766 2.1 L 13.984 2.1 L 13.984 2.1 L 7.9 2.1 C 6.8 2.1 5.9 3 5.9 4.1 L 5.9 16.1 C 5.9 17.2 6.8 18.1 7.9 18.1 L 19.9 18.1 C 21 18.1 21.9 17.2 21.9 16.1 L 21.9 4.1 C 21.9 3 21 2.1 19.9 2.1 Z M 4.1 5.9 L 2.1 5.9 L 2.1 19.9 C 2.1 21 3 21.9 4.1 21.9 L 18.1 21.9 L 18.1 19.9 L 4.1 19.9 L 4.1 5.9 Z"
+                android:valueType="pathType"
+                android:interpolator="@android:interpolator/fast_out_slow_in"/>
+        </aapt:attr>
+    </target>
+</animated-vector>
diff --git a/app/src/main/res/drawable/anim_lib_outline_to_filled.xml b/app/src/main/res/drawable/anim_lib_outline_to_filled.xml
new file mode 100644
index 0000000000..f832e629fd
--- /dev/null
+++ b/app/src/main/res/drawable/anim_lib_outline_to_filled.xml
@@ -0,0 +1,50 @@
+<animated-vector
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt">
+    <aapt:attr name="android:drawable">
+        <vector
+            android:name="vector"
+            android:width="24dp"
+            android:height="24dp"
+            android:viewportWidth="24"
+            android:viewportHeight="24">
+            <clip-path
+                android:name="path_4"
+                android:pathData="M 19.9 2.1 L 7.9 2.1 C 6.8 2.1 5.9 3 5.9 4.1 L 5.9 16.1 C 5.9 17.2 6.8 18.1 7.9 18.1 L 19.9 18.1 C 21 18.1 21.9 17.2 21.9 16.1 L 21.9 4.1 C 21.9 3 21 2.1 19.9 2.1 Z M 4.1 5.9 L 2.1 5.9 L 2.1 19.9 C 2.1 21 3 21.9 4.1 21.9 L 18.1 21.9 L 18.1 19.9 L 4.1 19.9 L 4.1 5.9 Z"/>
+            <path
+                android:name="path"
+                android:pathData="M 20 2 L 8 2 C 6.9 2 6 2.9 6 4 L 6 16 C 6 17.1 6.9 18 8 18 L 20 18 C 21.1 18 22 17.1 22 16 L 22 4 C 22 2.9 21.1 2 20 2 Z M 4 6 L 2 6 L 2 20 C 2 21.1 2.9 22 4 22 L 18 22 L 18 20 L 4 20 L 4 6 Z M 20 16 L 8 16 L 8 4 L 20 4 L 20 16"
+                android:fillColor="#000"
+                android:strokeWidth="1"/>
+            <path
+                android:name="path_1"
+                android:pathData="M 13.2 4 L 13.2 12 L 15.7 10.5 L 18.2 12 L 18.2 4 L 13.2 4"
+                android:fillColor="#000"
+                android:strokeWidth="1"/>
+        </vector>
+    </aapt:attr>
+    <target android:name="path_1">
+        <aapt:attr name="android:animation">
+            <objectAnimator
+                android:propertyName="pathData"
+                android:startOffset="75"
+                android:duration="250"
+                android:valueFrom="M 13.2 4 L 13.2 12 L 15.7 10.5 L 18.2 12 L 18.2 4 L 13.2 4"
+                android:valueTo="M 8 4 L 8 16 L 14.129 16 L 20 16 L 20 4 L 8 4"
+                android:valueType="pathType"
+                android:interpolator="@android:interpolator/fast_out_slow_in"/>
+        </aapt:attr>
+    </target>
+    <target android:name="path_4">
+        <aapt:attr name="android:animation">
+            <objectAnimator
+                android:propertyName="pathData"
+                android:startOffset="275"
+                android:duration="200"
+                android:valueFrom="M 19.9 2.1 L 18.581 2.1 L 18.581 2.1 L 16.766 2.1 L 13.984 2.1 L 13.984 2.1 L 7.9 2.1 C 6.8 2.1 5.9 3 5.9 4.1 L 5.9 16.1 C 5.9 17.2 6.8 18.1 7.9 18.1 L 19.9 18.1 C 21 18.1 21.9 17.2 21.9 16.1 L 21.9 4.1 C 21.9 3 21 2.1 19.9 2.1 Z M 4.1 5.9 L 2.1 5.9 L 2.1 19.9 C 2.1 21 3 21.9 4.1 21.9 L 18.1 21.9 L 18.1 19.9 L 4.1 19.9 L 4.1 5.9 Z"
+                android:valueTo="M 19.9 2.1 L 18.9 2.1 L 18.9 10 L 16.4 8.6 L 13.9 10.1 L 13.9 2.1 L 7.9 2.1 C 6.8 2.1 5.9 3 5.9 4.1 L 5.9 16.1 C 5.9 17.2 6.8 18.1 7.9 18.1 L 19.9 18.1 C 21 18.1 21.9 17.2 21.9 16.1 L 21.9 4.1 C 21.9 3 21 2.1 19.9 2.1 Z M 4.1 5.9 L 2.1 5.9 L 2.1 19.9 C 2.1 21 3 21.9 4.1 21.9 L 18.1 21.9 L 18.1 19.9 L 4.1 19.9 L 4.1 5.9 Z"
+                android:valueType="pathType"
+                android:interpolator="@android:interpolator/fast_out_slow_in"/>
+        </aapt:attr>
+    </target>
+</animated-vector>
diff --git a/app/src/main/res/drawable/ic_libary_filled_24dp.xml b/app/src/main/res/drawable/ic_libary_filled_24dp.xml
new file mode 100644
index 0000000000..8c6eac2992
--- /dev/null
+++ b/app/src/main/res/drawable/ic_libary_filled_24dp.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M19.9,2.1h-0.2l-0.8,0V10l-2.5,-1.4l-2.5,1.5v-8l-0.3,0H7.9c-1.1,0 -2,0.9 -2,2v12c0,1.1 0.9,2 2,2h12c1.1,0 2,-0.9 2,-2v-12C21.9,3 21,2.1 19.9,2.1zM4.1,5.9h-2v14c0,1.1 0.9,2 2,2h14v-2h-14V5.9z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_library_24dp.xml b/app/src/main/res/drawable/ic_library_24dp.xml
deleted file mode 100644
index a4e951051c..0000000000
--- a/app/src/main/res/drawable/ic_library_24dp.xml
+++ /dev/null
@@ -1,5 +0,0 @@
-<vector android:height="24dp" android:tint="#FFFFFF"
-    android:viewportHeight="24.0" android:viewportWidth="24.0"
-    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="#FF000000" android:pathData="M19.947,2.072h-12c-1.1,0 -2,0.899 -2,2v12c0,1.1 0.9,2 2,2h12c1.1,0 2,-0.9 2,-2v-12C21.947,2.972 21.047,2.072 19.947,2.072zM18.947,12.072l-2.5,-1.5l-2.5,1.5v-8h5V12.072zM4.052,5.927h-2v14c0,1.1 0.9,2 2,2h14v-2h-14V5.927z"/>
-</vector>
diff --git a/app/src/main/res/drawable/ic_library_selector_24dp.xml b/app/src/main/res/drawable/ic_library_selector_24dp.xml
index 25ca378800..d9f5d2884e 100644
--- a/app/src/main/res/drawable/ic_library_selector_24dp.xml
+++ b/app/src/main/res/drawable/ic_library_selector_24dp.xml
@@ -1,5 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@drawable/ic_library_24dp" android:state_checked="true" />
-    <item android:drawable="@drawable/ic_library_outline_24dp" android:state_checked="false" />
-</selector>
\ No newline at end of file
+<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@+id/checked" android:drawable="@drawable/ic_libary_filled_24dp" android:state_checked="true" />
+    <item android:id="@+id/normal" android:drawable="@drawable/ic_library_outline_24dp" android:state_checked="false" />
+
+    <transition
+        android:fromId="@id/checked"
+        android:toId="@id/normal"
+        android:drawable="@drawable/anim_lib_filled_to_outline"/>
+
+    <transition
+        android:fromId="@id/normal"
+        android:toId="@id/checked"
+        android:drawable="@drawable/anim_lib_outline_to_filled"/>
+
+</animated-selector>
\ No newline at end of file