add custom transitions

Author: SmartToolFactory

README.md

@@ -318,7 +318,7 @@ of ***Transition*** start and end point to same value.
 
 #### Note: 
 🔥🔥🔥 In tutorial 2-4 and 2-5, having same background color for both fragments causing second fragment's enter transition(CircularReveal and Slide.BOTTOM) to not work
-So when using **Transitions** that extend ```Visiblity``` class such as Slide, or Fade be careful about background color
+So when using **Transitions** that extends ```Visiblity``` class such as Slide, or Fade be careful about background color
 Either set callback and set start and end properties for scene with
 
 ```

Tutorial3-1Transitions/build.gradle

@@ -47,7 +47,7 @@ dependencies {
 
     implementation 'androidx.appcompat:appcompat:1.2.0'
     implementation 'com.google.android.material:material:1.2.1'
-    implementation 'androidx.constraintlayout:constraintlayout:2.0.2'
+    implementation 'androidx.constraintlayout:constraintlayout:2.0.3'
     implementation 'androidx.viewpager2:viewpager2:1.0.0'
     implementation 'androidx.recyclerview:recyclerview:1.2.0-alpha06'
     implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/adapter/model/MagazineModel.kt

@@ -9,7 +9,8 @@ data class MagazineModel(
     @DrawableRes val drawableRes: Int,
     val title: String,
     val body: String,
-    val transitionId: Int = 0
+    val transitionId:Int,
+    val transitionName: String = ""
 ) : Parcelable {
-    var transitionName = "tr$drawableRes$transitionId"
+
 }

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/adapter/viewholder/MagazineViewBinder.kt

@@ -50,7 +50,7 @@ class MagazineViewHolder(
 
     fun bind(model: MagazineModel) {
 
-        // 🔥 Set transition name to resource to drawable
+        //  Set transition name, resource drawable and title for magazine
         binding.ivMagazineCover.transitionName = model.transitionName
         setImageUrl(binding.ivMagazineCover, model.drawableRes)
 

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/adapter/viewholder/PostGridViewBinder.kt

@@ -0,0 +1,79 @@
+package com.smarttoolfactory.tutorial3_1transitions.adapter.viewholder
+
+import android.view.ViewGroup
+import android.widget.ImageView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import com.smarttoolfactory.tutorial3_1transitions.R
+import com.smarttoolfactory.tutorial3_1transitions.adapter.model.PostCardModel
+import com.smarttoolfactory.tutorial3_1transitions.databinding.ItemPostGridBinding
+
+/**
+ * ViewBinder for Activity1_2
+ */
+class PostGridViewBinder(
+    private val onItemClick: ((ItemPostGridBinding, PostCardModel) -> Unit)? = null
+) : MappableItemViewBinder<PostCardModel, PostGridViewHolder>(PostCardModel::class.java) {
+
+    override fun createViewHolder(parent: ViewGroup): RecyclerView.ViewHolder {
+        return PostGridViewHolder(
+            parent.inflate(getItemLayoutResource()),
+            onItemClick
+        )
+    }
+
+    override fun bindViewHolder(model: PostCardModel, viewHolder: PostGridViewHolder) {
+        viewHolder.bind(model)
+    }
+
+    override fun getItemLayoutResource(): Int {
+        return R.layout.item_post_grid
+    }
+
+    override fun areItemsTheSame(oldItem: PostCardModel, newItem: PostCardModel): Boolean {
+        return oldItem.post == newItem.post
+    }
+
+    override fun areContentsTheSame(oldItem: PostCardModel, newItem: PostCardModel): Boolean {
+        return oldItem == newItem
+    }
+}
+
+class PostGridViewHolder(
+    private val binding: ItemPostGridBinding,
+    private val onItemClick: ((ItemPostGridBinding, PostCardModel) -> Unit)? = null
+) :
+    RecyclerView.ViewHolder(binding.root) {
+
+    fun bind(model: PostCardModel) {
+
+        val post = model.post
+        binding.tvTitle.text = post.title
+
+        setImageUrl(binding.ivPhoto, model.drawableRes)
+
+        binding.root.setOnClickListener {
+            onItemClick?.invoke(binding, model)
+        }
+    }
+
+    private fun setImageUrl(view: ImageView, drawableRes: Int) {
+
+        try {
+
+            val requestOptions = RequestOptions()
+            requestOptions.placeholder(R.drawable.ic_launcher_background)
+
+            Glide
+                .with(view.context)
+                .setDefaultRequestOptions(requestOptions)
+                .load(drawableRes)
+                .into(view)
+
+        } catch (e: Exception) {
+            e.printStackTrace()
+        }
+    }
+
+}

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/chapter1_activity_transitions/Activity1_0CustomTransitions.kt

@@ -2,13 +2,15 @@ package com.smarttoolfactory.tutorial3_1transitions.chapter1_activity_transition
 
 import android.graphics.Color
 import android.os.Bundle
-import androidx.transition.*
 import android.view.View
 import android.widget.Button
 import android.widget.TextView
 import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.transition.Transition
+import androidx.transition.TransitionManager
+import androidx.transition.TransitionSet
 import com.smarttoolfactory.tutorial3_1transitions.R
 import com.smarttoolfactory.tutorial3_1transitions.transition.*
 
@@ -152,7 +154,7 @@ class Activity1_0CustomTransitions : AppCompatActivity() {
             val transitions = TransitionSet()
 
             val transition =
-                CustomBackgroundTransition(
+                CustomBackgroundColorTransition(
                     Color.YELLOW,
                     Color.MAGENTA,
                     true

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/chapter1_activity_transitions/Activity1_3RecyclerViewToViewPager2Transition.kt

@@ -90,8 +90,8 @@ open class Activity1_3RecyclerViewToViewPager2Transition : AppCompatActivity() {
     }
 
     /*
-        TODO This is important for setting position of RV and getting imageView in that position
-         to set enter transition after going back from detail Activity
+        TODO It is required to set position of RV and getting imageView in that position
+         to set enter transition after coming back from detail Activity
      */
     override fun onActivityReenter(resultCode: Int, data: Intent?) {
         super.onActivityReenter(resultCode, data)

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/chapter2_fragment_transitions/Fragment2_4MagazineList.kt

@@ -4,15 +4,13 @@ import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
-import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.core.view.doOnPreDraw
 import androidx.fragment.app.Fragment
 import androidx.navigation.NavDirections
 import androidx.navigation.fragment.FragmentNavigatorExtras
 import androidx.navigation.fragment.findNavController
 import androidx.recyclerview.widget.RecyclerView
 import androidx.transition.Fade
-import com.google.android.material.appbar.AppBarLayout
 import com.smarttoolfactory.tutorial3_1transitions.ImageData
 import com.smarttoolfactory.tutorial3_1transitions.R
 import com.smarttoolfactory.tutorial3_1transitions.adapter.SingleViewBinderListAdapter
@@ -46,10 +44,6 @@ class Fragment2_4MagazineList : Fragment() {
 
     private fun prepareTransitions(view: View) {
 
-        val appBarLayout: AppBarLayout = view.findViewById(R.id.appbar)
-        val constraintLayout: ConstraintLayout = view.findViewById(R.id.constraintLayout)
-
-
         /*
             🔥🔥 Setting allowReturnTransitionOverlap  to false lets this fragment's
             reenterTransition to wait previous fragment's returnTransition to finish
@@ -121,14 +115,20 @@ class Fragment2_4MagazineList : Fragment() {
         findNavController().navigate(direction, extras)
     }
 
-    private fun getMagazineList(): ArrayList<MagazineModel> {
+    private fun getMagazineList(id: Int = 0): ArrayList<MagazineModel> {
 
         val magazineList = ArrayList<MagazineModel>()
+
         repeat(ImageData.MAGAZINE_DRAWABLES.size) {
+
+            val transitionName = "#tr$id-${ImageData.MAGAZINE_DRAWABLES[it]}"
+
             val magazineModel = MagazineModel(
-                ImageData.MAGAZINE_DRAWABLES[it],
-                "Issue #${ImageData.MAGAZINE_DRAWABLES[it]}",
-                ""
+                drawableRes = ImageData.MAGAZINE_DRAWABLES[it],
+                title = "$id-${ImageData.MAGAZINE_DRAWABLES[it]}",
+                body = "",
+                transitionId = id,
+                transitionName = transitionName
             )
             magazineList.add(magazineModel)
         }

Tutorial3-1Transitions/src/main/java/com/smarttoolfactory/tutorial3_1transitions/chapter2_fragment_transitions/Fragment2_5MagazineDetailAlt.kt

@@ -136,7 +136,7 @@ class Fragment2_5MagazineDetailAlt : Fragment() {
 
     private fun createEnterTransition(view: View): Transition {
 
-        val tvBody = view.findViewById<View>(R.id.recyclerView)
+        val recyclerView = view.findViewById<View>(R.id.recyclerView)
         val viewImageBackground: View = view.findViewById(R.id.viewImageBackground)
 
 
@@ -151,7 +151,7 @@ class Fragment2_5MagazineDetailAlt : Fragment() {
                 startDelay = 400
                 duration = 600
                 excludeTarget(viewImageBackground, true)
-                addTarget(tvBody)
+                addTarget(recyclerView)
             }
 
 
@@ -177,7 +177,7 @@ class Fragment2_5MagazineDetailAlt : Fragment() {
     private fun createReturnTransition(view: View): Transition {
 
         val viewTop = view.findViewById<View>(R.id.viewImageBackground)
-        val tvBody = view.findViewById<View>(R.id.recyclerView)
+        val recyclerView = view.findViewById<View>(R.id.recyclerView)
 
         val transitionSetReturn = TransitionSet()
 
@@ -197,7 +197,7 @@ class Fragment2_5MagazineDetailAlt : Fragment() {
                 android.R.interpolator.linear_out_slow_in
             )
             duration = 900
-            addTarget(tvBody)
+            addTarget(recyclerView)
         }
 
         transitionSetReturn.addTransition(slideToTop)