From 25aadd949ac6cf61d63a6347eb6fdc7e971b38d8 Mon Sep 17 00:00:00 2001
From: CappielloAntonio <antoniocappiello.play@gmail.com>
Date: Sun, 16 Jan 2022 12:39:19 +0100
Subject: [PATCH] Added a first implementation of the transition between
 fragments

---
 app/src/main/res/anim/slide_in_left.xml   |   7 +
 app/src/main/res/anim/slide_in_right.xml  |   7 +
 app/src/main/res/anim/slide_out_left.xml  |   7 +
 app/src/main/res/anim/slide_out_right.xml |   7 +
 app/src/main/res/navigation/nav_graph.xml | 279 +++++++++++++++++-----
 5 files changed, 252 insertions(+), 55 deletions(-)
 create mode 100644 app/src/main/res/anim/slide_in_left.xml
 create mode 100644 app/src/main/res/anim/slide_in_right.xml
 create mode 100644 app/src/main/res/anim/slide_out_left.xml
 create mode 100644 app/src/main/res/anim/slide_out_right.xml

diff --git a/app/src/main/res/anim/slide_in_left.xml b/app/src/main/res/anim/slide_in_left.xml
new file mode 100644
index 00000000..96995fa6
--- /dev/null
+++ b/app/src/main/res/anim/slide_in_left.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate android:fromXDelta="-50%p" android:toXDelta="0"
+        android:duration="@android:integer/config_mediumAnimTime"/>
+    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
+        android:duration="@android:integer/config_mediumAnimTime" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_in_right.xml b/app/src/main/res/anim/slide_in_right.xml
new file mode 100644
index 00000000..6fb52a3b
--- /dev/null
+++ b/app/src/main/res/anim/slide_in_right.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate android:fromXDelta="50%p" android:toXDelta="0"
+        android:duration="@android:integer/config_mediumAnimTime"/>
+    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
+        android:duration="@android:integer/config_mediumAnimTime" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_out_left.xml b/app/src/main/res/anim/slide_out_left.xml
new file mode 100644
index 00000000..020a1bee
--- /dev/null
+++ b/app/src/main/res/anim/slide_out_left.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate android:fromXDelta="0" android:toXDelta="-50%p"
+        android:duration="@android:integer/config_mediumAnimTime"/>
+    <alpha android:fromAlpha="1.0" android:toAlpha="0.0"
+        android:duration="@android:integer/config_mediumAnimTime" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_out_right.xml b/app/src/main/res/anim/slide_out_right.xml
new file mode 100644
index 00000000..c4de8006
--- /dev/null
+++ b/app/src/main/res/anim/slide_out_right.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate android:fromXDelta="0" android:toXDelta="50%p"
+        android:duration="@android:integer/config_mediumAnimTime"/>
+    <alpha android:fromAlpha="1.0" android:toAlpha="0.0"
+        android:duration="@android:integer/config_mediumAnimTime" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/nav_graph.xml b/app/src/main/res/navigation/nav_graph.xml
index b611f735..fb3000b5 100644
--- a/app/src/main/res/navigation/nav_graph.xml
+++ b/app/src/main/res/navigation/nav_graph.xml
@@ -43,28 +43,44 @@
             app:popUpToInclusive="true" />
         <action
             android:id="@+id/action_homeFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_homeFragment_to_albumListPageFragment"
-            app:destination="@id/albumListPageFragment" />
-        <action
-            android:id="@+id/action_homeFragment_to_artistListPageFragment"
-            app:destination="@id/artistListPageFragment" />
+            app:destination="@id/albumListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_homeFragment_to_settingsFragment"
-            app:destination="@id/settingsFragment" />
+            app:destination="@id/settingsFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_homeFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
-        <action
-            android:id="@+id/action_homeFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_homeFragment_to_searchFragment"
-            app:destination="@id/searchFragment" />
+            app:destination="@id/searchFragment"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_homeFragment_to_playlistPageFragment"
-            app:destination="@id/playlistPageFragment" />
+            app:destination="@id/playlistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/libraryFragment"
@@ -73,40 +89,86 @@
         tools:layout="@layout/fragment_library">
         <action
             android:id="@+id/action_libraryFragment_to_artistCatalogueFragment"
-            app:destination="@id/artistCatalogueFragment" />
+            app:destination="@id/artistCatalogueFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_albumCatalogueFragment"
-            app:destination="@id/albumCatalogueFragment" />
+            app:destination="@id/albumCatalogueFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_genreCatalogueFragment"
-            app:destination="@id/genreCatalogueFragment" />
+            app:destination="@id/genreCatalogueFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_playlistCatalogueFragment"
-            app:destination="@id/playlistCatalogueFragment" />
+            app:destination="@id/playlistCatalogueFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
+            app:destination="@id/artistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_playlistPageFragment"
-            app:destination="@id/playlistPageFragment" />
+            app:destination="@id/playlistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_settingsFragment"
-            app:destination="@id/settingsFragment" />
+            app:destination="@id/settingsFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_searchFragment"
-            app:destination="@id/searchFragment" />
+            app:destination="@id/searchFragment"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_albumListPageFragment"
-            app:destination="@id/albumListPageFragment" />
+            app:destination="@id/albumListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_libraryFragment_to_starredFragment"
-            app:destination="@id/starredFragment" />
+            app:destination="@id/starredFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/downloadFragment"
@@ -115,28 +177,58 @@
         tools:layout="@layout/fragment_download">
         <action
             android:id="@+id/action_downloadFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_albumListPageFragment"
-            app:destination="@id/albumListPageFragment" />
+            app:destination="@id/albumListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_artistListPageFragment"
-            app:destination="@id/artistListPageFragment" />
+            app:destination="@id/artistListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_settingsFragment"
-            app:destination="@id/settingsFragment" />
+            app:destination="@id/settingsFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_searchFragment"
-            app:destination="@id/searchFragment" />
+            app:destination="@id/searchFragment"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_playlistPageFragment"
-            app:destination="@id/playlistPageFragment" />
+            app:destination="@id/playlistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_downloadFragment_to_playlistCatalogueFragment"
-            app:destination="@id/playlistCatalogueFragment" />
+            app:destination="@id/playlistCatalogueFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/settingsFragment"
@@ -156,13 +248,25 @@
         tools:layout="@layout/fragment_search">
         <action
             android:id="@+id/action_searchFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
+            app:destination="@id/artistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_searchFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_searchFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/filterFragment"
@@ -171,7 +275,11 @@
         tools:layout="@layout/fragment_filter">
         <action
             android:id="@+id/action_filterFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/artistCatalogueFragment"
@@ -180,7 +288,11 @@
         tools:layout="@layout/fragment_artist_catalogue">
         <action
             android:id="@+id/action_artistCatalogueFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
+            app:destination="@id/artistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/albumCatalogueFragment"
@@ -189,7 +301,11 @@
         tools:layout="@layout/fragment_album_catalogue">
         <action
             android:id="@+id/action_albumCatalogueFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/genreCatalogueFragment"
@@ -198,10 +314,18 @@
         tools:layout="@layout/fragment_genre_catalogue">
         <action
             android:id="@+id/action_genreCatalogueFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_genreCatalogueFragment_to_filterFragment"
-            app:destination="@id/filterFragment" />
+            app:destination="@id/filterFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/playlistCatalogueFragment"
@@ -210,7 +334,11 @@
         tools:layout="@layout/fragment_playlist_catalogue">
         <action
             android:id="@+id/action_playlistCatalogueFragment_to_playlistPageFragment"
-            app:destination="@id/playlistPageFragment" />
+            app:destination="@id/playlistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
 
     <fragment
@@ -220,10 +348,18 @@
         tools:layout="@layout/fragment_artist_page">
         <action
             android:id="@+id/action_artistPageFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_artistPageFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/albumPageFragment"
@@ -232,10 +368,11 @@
         tools:layout="@layout/fragment_album_page">
         <action
             android:id="@+id/action_albumPageFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
-        <action
-            android:id="@+id/action_albumPageFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/artistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/songListPageFragment"
@@ -249,7 +386,11 @@
         tools:layout="@layout/fragment_album_list_page">
         <action
             android:id="@+id/action_albumListPageFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/artistListPageFragment"
@@ -258,10 +399,18 @@
         tools:layout="@layout/fragment_artist_list_page">
         <action
             android:id="@+id/action_artistListPageFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
+            app:destination="@id/artistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_artistListPageFragment_to_albumListPageFragment"
-            app:destination="@id/albumListPageFragment" />
+            app:destination="@id/albumListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/starredFragment"
@@ -270,19 +419,39 @@
         tools:layout="@layout/fragment_starred">
         <action
             android:id="@+id/action_starredFragment_to_songListPageFragment"
-            app:destination="@id/songListPageFragment" />
+            app:destination="@id/songListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_starredFragment_to_albumListPageFragment"
-            app:destination="@id/albumListPageFragment" />
+            app:destination="@id/albumListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_starredFragment_to_artistListPageFragment"
-            app:destination="@id/artistListPageFragment" />
+            app:destination="@id/artistListPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_starredFragment_to_albumPageFragment"
-            app:destination="@id/albumPageFragment" />
+            app:destination="@id/albumPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
         <action
             android:id="@+id/action_starredFragment_to_artistPageFragment"
-            app:destination="@id/artistPageFragment" />
+            app:destination="@id/artistPageFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
     </fragment>
     <fragment
         android:id="@+id/playlistPageFragment"