Use shared axis transition along X axis

Author: daniel-stoneuk

app/src/main/java/guide/graphql/toc/ui/chapters/ChaptersFragment.kt

@@ -13,6 +13,7 @@ import androidx.navigation.fragment.findNavController
 import androidx.recyclerview.widget.DividerItemDecoration
 import androidx.recyclerview.widget.LinearLayoutManager
 import com.google.android.material.transition.MaterialFade
+import com.google.android.material.transition.MaterialSharedAxis
 import guide.graphql.toc.R
 import guide.graphql.toc.Status
 import guide.graphql.toc.databinding.ChaptersFragmentBinding
@@ -34,9 +35,12 @@ class ChaptersFragment : Fragment() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        val materialFade = MaterialFade()
-        exitTransition = materialFade
 
+        val backward = MaterialSharedAxis(MaterialSharedAxis.X, false)
+        reenterTransition = backward
+
+        val forward = MaterialSharedAxis(MaterialSharedAxis.X, true)
+        exitTransition = forward
     }
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {

app/src/main/java/guide/graphql/toc/ui/sections/SectionsFragment.kt

@@ -17,6 +17,7 @@ import com.apollographql.apollo.coroutines.toDeferred
 import com.apollographql.apollo.exception.ApolloException
 import com.google.android.material.transition.MaterialFade
 import com.google.android.material.transition.MaterialFadeThrough
+import com.google.android.material.transition.MaterialSharedAxis
 import guide.graphql.toc.*
 import guide.graphql.toc.databinding.SectionsFragmentBinding
 
@@ -38,10 +39,11 @@ class SectionsFragment : Fragment() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        enterTransition = MaterialFade()
-        exitTransition = MaterialFade().apply {
-            duration = 0
-        }
+        val forward = MaterialSharedAxis(MaterialSharedAxis.X, true)
+        enterTransition = forward
+
+        val backward = MaterialSharedAxis(MaterialSharedAxis.X, false)
+        returnTransition = backward
     }
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {