varnitgoyal95/super-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

NTP-7179 | Narayan | PPS Fast animation (#13278)

Browse Source
This commit is contained in:
Aditya Narayan Malik
2024-10-23 15:26:41 +05:30
committed by GitHub
parent 23d3b605c3
commit b6e372b3cd
7 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
android/navi-pay/src/main/assets/navi-pay-payment-successful-main-diwali.lottie
View File

Binary file not shown.

15
android/navi-pay/src/main/kotlin/com/navi/pay/management/common/paymentsummary/ui/Common.kt Normal file
View File

@@ -0,0 +1,15 @@
/*
*
* * Copyright © 2024 by Navi Technologies Limited
* * All rights reserved. Strictly confidential
*
*/
package com.navi.pay.management.common.paymentsummary.ui
import androidx.compose.animation.core.CubicBezierEasing
/** Reference : `FastOutSlowInEasing` from `androidx.compose.animation.core.Easing` */
val SlowStartFastEndCustomEasing = CubicBezierEasing(0.51f, 0.1f, 0.26f, 0.93f)
val SlowStartFastEndSmoothCustomEasing = CubicBezierEasing(0.42f, 0.0f, 0.58f, 1.0f)

10
android/navi-pay/src/main/kotlin/com/navi/pay/management/common/paymentsummary/ui/PaymentSummaryScreenDiwali.kt
View File

@@ -17,8 +17,6 @@ import androidx.compose.animation.AnimatedContentScope
import androidx.compose.animation.ExperimentalSharedTransitionApi
import androidx.compose.animation.SharedTransitionLayout
import androidx.compose.animation.SharedTransitionScope
import androidx.compose.animation.core.FastOutLinearInEasing
import androidx.compose.animation.core.LinearEasing
import androidx.compose.animation.core.LinearOutSlowInEasing
import androidx.compose.animation.core.animateDpAsState
import androidx.compose.animation.core.animateFloatAsState
@@ -410,7 +408,7 @@ fun PaymentSummaryScreenDiwali(
tween(
durationMillis =
paymentSummaryViewModel.generalAnimationTransitionDuration,
easing = LinearEasing,
easing = SlowStartFastEndCustomEasing,
)
))
.togetherWith(
@@ -520,7 +518,7 @@ private fun SharedTransitionScope.ScratchCardOnLandSection(
animationSpec =
tween(
durationMillis = smallScratchCardOnLandVisibilityAnimationDuration,
easing = FastOutLinearInEasing,
easing = SlowStartFastEndSmoothCustomEasing,
)
)
@@ -530,7 +528,7 @@ private fun SharedTransitionScope.ScratchCardOnLandSection(
animationSpec =
tween(
durationMillis = scratchCardSizeAnimationDuration,
easing = FastOutLinearInEasing,
easing = SlowStartFastEndSmoothCustomEasing,
),
label = EMPTY
)
@@ -550,7 +548,7 @@ private fun SharedTransitionScope.ScratchCardOnLandSection(
animateContextScope,
boundsTransform = { _, _ ->
tween(
scratchCardBottomMovementAnimationDuration,
durationMillis = scratchCardBottomMovementAnimationDuration,
easing = LinearOutSlowInEasing
)
}

8
android/navi-pay/src/main/kotlin/com/navi/pay/management/common/paymentsummary/ui/PaymentSummaryScreenV2.kt
View File

@@ -17,8 +17,6 @@ import androidx.compose.animation.AnimatedContentScope
import androidx.compose.animation.ExperimentalSharedTransitionApi
import androidx.compose.animation.SharedTransitionLayout
import androidx.compose.animation.SharedTransitionScope
import androidx.compose.animation.core.FastOutLinearInEasing
import androidx.compose.animation.core.LinearEasing
import androidx.compose.animation.core.LinearOutSlowInEasing
import androidx.compose.animation.core.animateDpAsState
import androidx.compose.animation.core.animateFloatAsState
@@ -408,7 +406,7 @@ fun PaymentSummaryScreenV2(
tween(
durationMillis =
paymentSummaryViewModel.generalAnimationTransitionDuration,
easing = LinearEasing,
easing = SlowStartFastEndCustomEasing,
)
))
.togetherWith(
@@ -518,7 +516,7 @@ private fun SharedTransitionScope.ScratchCardOnLandSection(
animationSpec =
tween(
durationMillis = smallScratchCardOnLandVisibilityAnimationDuration,
easing = FastOutLinearInEasing,
easing = SlowStartFastEndSmoothCustomEasing,
)
)
@@ -528,7 +526,7 @@ private fun SharedTransitionScope.ScratchCardOnLandSection(
animationSpec =
tween(
durationMillis = scratchCardSizeAnimationDuration,
easing = FastOutLinearInEasing,
easing = SlowStartFastEndSmoothCustomEasing,
),
label = EMPTY
)

4
android/navi-pay/src/main/kotlin/com/navi/pay/management/common/paymentsummary/ui/PaymentSummaryTransactionDetailSectionDiwali.kt
View File

@@ -764,8 +764,8 @@ private fun SharedTransitionScope.RewardsBottomBarWithStripSection(
animatedVisibilityScope = animateContextScope,
boundsTransform = { _, _ ->
tween(
scratchCardBottomMovementAnimationDuration,
easing = LinearOutSlowInEasing
durationMillis = scratchCardBottomMovementAnimationDuration,
easing = SlowStartFastEndSmoothCustomEasing
)
}
)

4
android/navi-pay/src/main/kotlin/com/navi/pay/management/common/paymentsummary/ui/PaymentSummaryTransactionDetailSectionV2.kt
View File

@@ -762,8 +762,8 @@ private fun SharedTransitionScope.RewardsBottomBarWithStripSection(
animatedVisibilityScope = animateContextScope,
boundsTransform = { _, _ ->
tween(
scratchCardBottomMovementAnimationDuration,
easing = LinearOutSlowInEasing
durationMillis = scratchCardBottomMovementAnimationDuration,
easing = SlowStartFastEndSmoothCustomEasing
)
}
)

6
android/navi-pay/src/main/kotlin/com/navi/pay/management/common/paymentsummary/viewmodel/PaymentSummaryViewModelV3.kt
View File

@@ -641,9 +641,9 @@ constructor(
val rewardsNudgeDetailEntity = MutableStateFlow<NudgeDetailEntity?>(null)
val scratchCardFullSizeAnimationDuration = 200
val scratchCardFullSizeAnimationDuration = 180
val generalAnimationTransitionDuration =
500 // Used for many transitions like main screen transition
400 // Used for many transitions like main screen transition
val scratchAndWinButtonAnimationDuration =
naviPayDefaultConfig
@@ -657,7 +657,7 @@ constructor(
)
private val mainScreenTransitionDelay = 400L
private val scratchCardBottomStripeSectionVisibilityDelay = mainScreenTransitionDelay + 700L
private val scratchCardBottomStripeSectionVisibilityDelay = mainScreenTransitionDelay + 600L
private val scratchCardRotationVisibilityDelay = mainScreenTransitionDelay + 200L