Any suggestions on how I could farther make this a...
# composez
zt
10/19/2022, 1:32 AMAny suggestions on how I could farther make this animation nicer?
Copy code
if (targetState == SettingsDestination.Main) {
slideInHorizontally { width -> -width } + fadeIn() with fadeOut()
} else {
slideInHorizontally { width -> width } + fadeIn() with fadeOut()
}c
Chris Sinco [G]
10/19/2022, 4:42 AMA couple suggestions to try:
• Make the title (Settings/General) animate the same as its content
• Speed up the fadeOut of the exiting content - in the video if you slow it down it looks like some content is being clipped
Chris Sinco [G]
10/19/2022, 4:43 AMIn general you can also look at this guideline for inspiration: https://m2.material.io/design/motion/the-motion-system.html
e
efemoney
10/19/2022, 5:17 AMCircuit has a transition that mirrors the android activity transition, you can probably tweak it a bit to fit. One trick in that snippet is to disable clipping on the transition also
a
andrew
10/19/2022, 7:58 PMAlso, if you move the background contents a third of what the new foreground moves, that can work too
andrew
10/19/2022, 8:02 PMsimilar to this I threw together months ago
4 Views