Doris Liu

Playing around with the UI for fun. Designing such micro-interactions and animations is a breeze thanks to Compose.

P.S. If you didn't catch it, a full vinyl rotation takes exactly 1800ms. That's 33 RPM 🎶💿

I couldn't resist implementing this design I saw on Twitter using shared element API in Jetpack Compose.

Specifically, we have a low level API `withMotionFrameOfReferencePlacement` for devs to declare which offsets should be directly applied, rather than animated, essentially tagging "deviation" as you called it. Currently animateBounds modifier supports it. We're building support in shared element too

Thank you for sharing your idea and implement. ❤️ It is a very cool idea.

We have been thinking about supporting dragging & initial velocity in shared elements too. The core idea is similar to what you have built. The difference is that we want the "deviation" to be in a separate layout modifier.

Worked on this shared element transition in Compose this weekend for a not-yet open-source workout app. Pretty glad with how it turned out.

It was quite easy, as long as you don't forget to use the targetState within the AnimatedContent's content 😅

#Compose #Kotlin #Multiplatform #AndroidDev