From 8fda806625765aee533d6cdea1ab4fff64c1d352 Mon Sep 17 00:00:00 2001
From: "selim.toksal" <selim.toksal@trendyol.com>
Date: Tue, 26 Nov 2019 16:39:23 +0300
Subject: [PATCH 1/2] Add transitionAnimationType from main activities Create
 SharedElementSampleSecondFragment with image view Add image view to
 SampleFragment for shared element Add and create SharedElement class to
 FragmentData Add hasSharedElement control FragmentManagerController Implement
 shared element transition Add new start method for shared element data

---
 .../java/com/trendyol/medusa/MainActivity.kt  |  3 +-
 .../com/trendyol/medusa/MainActivity2.java    |  2 +-
 .../com/trendyol/medusa/SampleFragment.kt     | 11 +++++-
 .../SharedElementSampleSecondFragment.kt      | 23 +++++++++++
 app/src/main/res/layout/fragment_sample.xml   |  8 ++++
 app/src/main/res/layout/fragment_second.xml   | 17 +++++++++
 .../navigator/MultipleStackNavigator.kt       | 31 +++++++++++++--
 .../trendyol/medusalib/navigator/Navigator.kt | 11 ++++++
 .../controller/FragmentManagerController.kt   | 38 +++++++++++++++----
 .../medusalib/navigator/data/FragmentData.kt  |  4 +-
 .../transitionanimation/SharedElement.kt      |  5 +++
 11 files changed, 138 insertions(+), 15 deletions(-)
 create mode 100644 app/src/main/java/com/trendyol/medusa/SharedElementSampleSecondFragment.kt
 create mode 100644 app/src/main/res/layout/fragment_second.xml
 create mode 100644 medusalib/src/main/java/com/trendyol/medusalib/navigator/transitionanimation/SharedElement.kt

diff --git a/app/src/main/java/com/trendyol/medusa/MainActivity.kt b/app/src/main/java/com/trendyol/medusa/MainActivity.kt
index e988e38..b51ef91 100644
--- a/app/src/main/java/com/trendyol/medusa/MainActivity.kt
+++ b/app/src/main/java/com/trendyol/medusa/MainActivity.kt
@@ -33,7 +33,8 @@ class MainActivity : AppCompatActivity(), Navigator.NavigatorListener {
             R.id.fragmentContainer,
             rootFragmentProvider,
             navigatorListener = this,
-            navigatorConfiguration = NavigatorConfiguration(1, true, NavigatorTransaction.SHOW_HIDE))
+            navigatorConfiguration = NavigatorConfiguration(1, true, NavigatorTransaction.SHOW_HIDE),
+            transitionAnimationType = TransitionAnimationType.RIGHT_TO_LEFT)
 
     private val mOnNavigationItemSelectedListener = BottomNavigationView.OnNavigationItemSelectedListener { item ->
         when (item.itemId) {
diff --git a/app/src/main/java/com/trendyol/medusa/MainActivity2.java b/app/src/main/java/com/trendyol/medusa/MainActivity2.java
index 21ba623..4ae133f 100644
--- a/app/src/main/java/com/trendyol/medusa/MainActivity2.java
+++ b/app/src/main/java/com/trendyol/medusa/MainActivity2.java
@@ -81,7 +81,7 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
                 rootsFragmentProvider,
                 this,
                 new NavigatorConfiguration(1, true, NavigatorTransaction.SHOW_HIDE),
-                null);
+                TransitionAnimationType.RIGHT_TO_LEFT);
 
         multipleStackNavigator.initialize(savedInstanceState);
         final SwitchCompat restartRootFragmentCheckBox = findViewById(R.id.restartSwitch);
diff --git a/app/src/main/java/com/trendyol/medusa/SampleFragment.kt b/app/src/main/java/com/trendyol/medusa/SampleFragment.kt
index 61ed00e..a989855 100644
--- a/app/src/main/java/com/trendyol/medusa/SampleFragment.kt
+++ b/app/src/main/java/com/trendyol/medusa/SampleFragment.kt
@@ -6,8 +6,10 @@ import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.Button
+import android.widget.ImageView
 import android.widget.LinearLayout
 import android.widget.TextView
+import com.trendyol.medusalib.navigator.transitionanimation.SharedElement
 import com.trendyol.medusalib.navigator.transitionanimation.TransitionAnimationType
 import kotlin.random.Random
 
@@ -19,9 +21,16 @@ class SampleFragment : BaseFragment() {
 
         view.findViewById<LinearLayout>(R.id.root).setBackgroundColor(Color.argb(255, Random.nextInt(256), Random.nextInt(256), Random.nextInt(256)))
 
+        //Using for shared element transition
+        val image = view.findViewById<ImageView>(R.id.ic_android)
         view.findViewById<Button>(R.id.button).setOnClickListener {
-            multipleStackNavigator!!.start(FragmentGenerator.generateNewFragment(), TransitionAnimationType.RIGHT_TO_LEFT)
+            multipleStackNavigator!!.start(SharedElementSampleSecondFragment.newInstance(), SharedElement(image))
         }
+
+        //Default start fragment
+        /*view.findViewById<Button>(R.id.button).setOnClickListener {
+            multipleStackNavigator!!.start(FragmentGenerator.generateNewFragment())
+        }*/
         return view
     }
 
diff --git a/app/src/main/java/com/trendyol/medusa/SharedElementSampleSecondFragment.kt b/app/src/main/java/com/trendyol/medusa/SharedElementSampleSecondFragment.kt
new file mode 100644
index 0000000..e81288b
--- /dev/null
+++ b/app/src/main/java/com/trendyol/medusa/SharedElementSampleSecondFragment.kt
@@ -0,0 +1,23 @@
+package com.trendyol.medusa
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+
+class SharedElementSampleSecondFragment : BaseFragment() {
+
+    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
+                              savedInstanceState: Bundle?): View? {
+
+        val view = inflater.inflate(R.layout.fragment_second, container, false)!!
+
+        return view
+    }
+
+    companion object {
+        fun newInstance(): SharedElementSampleSecondFragment {
+            return SharedElementSampleSecondFragment()
+        }
+    }
+}
diff --git a/app/src/main/res/layout/fragment_sample.xml b/app/src/main/res/layout/fragment_sample.xml
index 32a77b1..a1b0532 100644
--- a/app/src/main/res/layout/fragment_sample.xml
+++ b/app/src/main/res/layout/fragment_sample.xml
@@ -22,4 +22,12 @@
             android:layout_height="wrap_content"
             android:text="start another"/>
 
+    <ImageView
+        android:layout_marginTop="200dp"
+        android:id="@+id/ic_android"
+        android:transitionName="logoTransitionName"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:src="@android:mipmap/sym_def_app_icon" />
+
     </LinearLayout>
diff --git a/app/src/main/res/layout/fragment_second.xml b/app/src/main/res/layout/fragment_second.xml
new file mode 100644
index 0000000..6f19b78
--- /dev/null
+++ b/app/src/main/res/layout/fragment_second.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:gravity="center_horizontal"
+    android:orientation="vertical"
+    tools:context=".SharedElementSampleSecondFragment">
+
+    <ImageView
+        android:id="@+id/ic_android"
+        android:transitionName="logoTransitionName"
+        android:layout_width="150dp"
+        android:layout_height="150dp"
+        android:src="@android:mipmap/sym_def_app_icon" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/medusalib/src/main/java/com/trendyol/medusalib/navigator/MultipleStackNavigator.kt b/medusalib/src/main/java/com/trendyol/medusalib/navigator/MultipleStackNavigator.kt
index 4997bc6..5d230e8 100755
--- a/medusalib/src/main/java/com/trendyol/medusalib/navigator/MultipleStackNavigator.kt
+++ b/medusalib/src/main/java/com/trendyol/medusalib/navigator/MultipleStackNavigator.kt
@@ -8,6 +8,7 @@ import com.trendyol.medusalib.navigator.data.FragmentData
 import com.trendyol.medusalib.navigator.data.StackItem
 import com.trendyol.medusalib.navigator.tag.TagCreator
 import com.trendyol.medusalib.navigator.tag.UniqueTagCreator
+import com.trendyol.medusalib.navigator.transitionanimation.SharedElement
 import com.trendyol.medusalib.navigator.transitionanimation.TransitionAnimationType
 
 open class MultipleStackNavigator(
@@ -52,6 +53,31 @@ open class MultipleStackNavigator(
         start(fragment, DEFAULT_GROUP_NAME, transitionAnimation)
     }
 
+    override fun start(fragment: Fragment, sharedElement: SharedElement) {
+        val createdTag = tagCreator.create(fragment)
+        val currentTabIndex = fragmentStackState.getSelectedTabIndex()
+        val fragmentData = FragmentData(fragment = fragment, fragmentTag = createdTag, sharedElement = sharedElement)
+
+        if (fragmentStackState.isSelectedTabEmpty()) {
+            val rootFragment = getRootFragment(currentTabIndex)
+            val rootFragmentTag = tagCreator.create(rootFragment)
+            val rootFragmentData = FragmentData(rootFragment, rootFragmentTag)
+            fragmentManagerController.disableAndStartFragment(
+                getCurrentFragmentTag(),
+                rootFragmentData,
+                fragmentData
+            )
+        } else {
+            fragmentManagerController.disableAndStartFragment(getCurrentFragmentTag(), fragmentData)
+        }
+        fragmentStackState.addStackItemToSelectedTab(
+            StackItem(
+                fragmentTag = createdTag,
+                groupName = DEFAULT_GROUP_NAME
+            )
+        )
+    }
+
     override fun start(fragment: Fragment, fragmentGroupName: String, transitionAnimation: TransitionAnimationType?) {
 
         val createdTag = tagCreator.create(fragment)
@@ -184,8 +210,7 @@ open class MultipleStackNavigator(
     override fun initialize(savedState: Bundle?) {
         if (savedState == null) {
             initializeStackState()
-        }
-        else {
+        } else {
             loadStackStateFromSavedState(savedState)
         }
     }
@@ -221,7 +246,7 @@ open class MultipleStackNavigator(
 
     private fun getRootFragment(tabIndex: Int): Fragment =
         fragmentManagerController.getFragment(fragmentStackState.peekItem(tabIndex).fragmentTag)
-        ?: rootFragmentProvider.get(tabIndex).invoke()
+            ?: rootFragmentProvider.get(tabIndex).invoke()
 
     private fun showUpperFragment() {
         val upperFragmentTag = fragmentStackState.peekItemFromSelectedTab().fragmentTag
diff --git a/medusalib/src/main/java/com/trendyol/medusalib/navigator/Navigator.kt b/medusalib/src/main/java/com/trendyol/medusalib/navigator/Navigator.kt
index e322a1b..e5c4e6f 100755
--- a/medusalib/src/main/java/com/trendyol/medusalib/navigator/Navigator.kt
+++ b/medusalib/src/main/java/com/trendyol/medusalib/navigator/Navigator.kt
@@ -3,6 +3,7 @@ package com.trendyol.medusalib.navigator
 import android.os.Bundle
 import androidx.fragment.app.Fragment
 import com.trendyol.medusalib.navigator.transaction.NavigatorTransaction
+import com.trendyol.medusalib.navigator.transitionanimation.SharedElement
 import com.trendyol.medusalib.navigator.transitionanimation.TransitionAnimationType
 
 interface Navigator {
@@ -68,6 +69,16 @@ interface Navigator {
      */
     fun start(fragment: Fragment, transitionAnimation: TransitionAnimationType)
 
+    /**
+     * Adds new fragment to the fragment stack with given tab index.
+     * Hide currently active fragment, switches to given tab Index
+     * and show newly added fragment to the user.
+     * @param fragment new fragment
+     * @param sharedElement will be used start fragment shared element transition animation
+     * all fragments which has the same group name.
+     */
+    fun start(fragment: Fragment, sharedElement: SharedElement)
+
     /**
      * Modifies fragment stack. Pops current fragment from
      * fragment stack and detaches it. Peeks from fragment stack
diff --git a/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt b/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt
index 5179e53..dbc62a7 100644
--- a/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt
+++ b/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt
@@ -1,5 +1,7 @@
 package com.trendyol.medusalib.navigator.controller
 
+import android.os.Build
+import android.transition.TransitionInflater
 import androidx.annotation.AnimRes
 import androidx.annotation.AnimatorRes
 import androidx.fragment.app.Fragment
@@ -80,18 +82,17 @@ class FragmentManagerController(private val fragmentManager: FragmentManager,
         checkAndCreateTransaction()
 
         for (fragmentData in fragmentDataArgs) {
-            currentTransitionAnimationType = fragmentData.transitionAnimation
-            when (currentTransitionAnimationType) {
-                TransitionAnimationType.LEFT_TO_RIGHT -> setCustomAnimations(R.anim.enter_from_left, R.anim.empty_animation)
-                TransitionAnimationType.RIGHT_TO_LEFT -> setCustomAnimations(R.anim.enter_from_right, R.anim.empty_animation)
-                TransitionAnimationType.BOTTOM_TO_TOP -> setCustomAnimations(R.anim.enter_from_bottom, R.anim.empty_animation)
-                TransitionAnimationType.TOP_TO_BOTTOM -> setCustomAnimations(R.anim.enter_from_top, R.anim.empty_animation)
-                TransitionAnimationType.FADE_IN_OUT -> setCustomAnimations(R.anim.fade_in, R.anim.empty_animation)
+            if (hasSharedElement(fragmentData)) {
+                setSharedElementTransitionAnimation(fragmentData, disabledFragment)
+                currentTransaction?.replace(containerId, fragmentData.fragment, fragmentData.fragmentTag)
+            } else {
+                setTransitionAnimation(fragmentData)
+                currentTransaction?.add(containerId, fragmentData.fragment, fragmentData.fragmentTag)
             }
-            currentTransaction?.add(containerId, fragmentData.fragment, fragmentData.fragmentTag)
         }
 
         val disabledFragmentNavigatorTransaction = getFragmentNavigatorTransaction(disableFragmentTag)
+
         when (disabledFragmentNavigatorTransaction.transactionType) {
             TransactionType.SHOW_HIDE -> currentTransaction?.hide(disabledFragment)
             TransactionType.ATTACH_DETACH -> currentTransaction?.detach(disabledFragment)
@@ -100,6 +101,27 @@ class FragmentManagerController(private val fragmentManager: FragmentManager,
         commitAllowingStateLoss()
     }
 
+    private fun hasSharedElement(fragmentData: FragmentData) = fragmentData.sharedElement != null
+
+    private fun setSharedElementTransitionAnimation(fragmentData: FragmentData, disabledFragment: Fragment?) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            val view = fragmentData.sharedElement!!.view
+            currentTransaction?.addSharedElement(view, view.transitionName)
+            fragmentData.fragment.sharedElementEnterTransition = TransitionInflater.from(disabledFragment?.context).inflateTransition(android.R.transition.move)
+        }
+    }
+
+    private fun setTransitionAnimation(fragmentData: FragmentData) {
+        currentTransitionAnimationType = fragmentData.transitionAnimation
+        when (currentTransitionAnimationType) {
+            TransitionAnimationType.LEFT_TO_RIGHT -> setCustomAnimations(R.anim.enter_from_left, R.anim.empty_animation)
+            TransitionAnimationType.RIGHT_TO_LEFT -> setCustomAnimations(R.anim.enter_from_right, R.anim.empty_animation)
+            TransitionAnimationType.BOTTOM_TO_TOP -> setCustomAnimations(R.anim.enter_from_bottom, R.anim.empty_animation)
+            TransitionAnimationType.TOP_TO_BOTTOM -> setCustomAnimations(R.anim.enter_from_top, R.anim.empty_animation)
+            TransitionAnimationType.FADE_IN_OUT -> setCustomAnimations(R.anim.fade_in, R.anim.empty_animation)
+        }
+    }
+
     private fun setCustomAnimations(@AnimatorRes @AnimRes enter: Int, @AnimatorRes @AnimRes exit: Int) {
         currentTransaction?.setCustomAnimations(enter, exit)
     }
diff --git a/medusalib/src/main/java/com/trendyol/medusalib/navigator/data/FragmentData.kt b/medusalib/src/main/java/com/trendyol/medusalib/navigator/data/FragmentData.kt
index 759bff0..1f1c8f5 100644
--- a/medusalib/src/main/java/com/trendyol/medusalib/navigator/data/FragmentData.kt
+++ b/medusalib/src/main/java/com/trendyol/medusalib/navigator/data/FragmentData.kt
@@ -1,6 +1,8 @@
 package com.trendyol.medusalib.navigator.data
 
 import androidx.fragment.app.Fragment
+import com.trendyol.medusalib.navigator.transitionanimation.SharedElement
 import com.trendyol.medusalib.navigator.transitionanimation.TransitionAnimationType
 
-data class FragmentData(val fragment: Fragment, val fragmentTag: String, val transitionAnimation: TransitionAnimationType? = null)
\ No newline at end of file
+data class FragmentData(val fragment: Fragment, val fragmentTag: String, val transitionAnimation: TransitionAnimationType? = null,
+                        val sharedElement: SharedElement? = null)
\ No newline at end of file
diff --git a/medusalib/src/main/java/com/trendyol/medusalib/navigator/transitionanimation/SharedElement.kt b/medusalib/src/main/java/com/trendyol/medusalib/navigator/transitionanimation/SharedElement.kt
new file mode 100644
index 0000000..69cafc9
--- /dev/null
+++ b/medusalib/src/main/java/com/trendyol/medusalib/navigator/transitionanimation/SharedElement.kt
@@ -0,0 +1,5 @@
+package com.trendyol.medusalib.navigator.transitionanimation
+
+import android.view.View
+
+data class SharedElement(val view:View)
\ No newline at end of file

From 17aaf57a329038e1189519b1da7c70adbc86d847 Mon Sep 17 00:00:00 2001
From: "selim.toksal" <selim.toksal@trendyol.com>
Date: Sat, 30 Nov 2019 14:06:52 +0300
Subject: [PATCH 2/2] Change transition to replace

---
 .../medusalib/navigator/controller/FragmentManagerController.kt | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt b/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt
index dbc62a7..adee97a 100644
--- a/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt
+++ b/medusalib/src/main/java/com/trendyol/medusalib/navigator/controller/FragmentManagerController.kt
@@ -87,7 +87,7 @@ class FragmentManagerController(private val fragmentManager: FragmentManager,
                 currentTransaction?.replace(containerId, fragmentData.fragment, fragmentData.fragmentTag)
             } else {
                 setTransitionAnimation(fragmentData)
-                currentTransaction?.add(containerId, fragmentData.fragment, fragmentData.fragmentTag)
+                currentTransaction?.replace(containerId, fragmentData.fragment, fragmentData.fragmentTag)
             }
         }