Hunter Stich

@MaterialDesign at @Google

[Android Developers @AndroidDev]

🛠 Keep moving with the Material motion system on Android!

Improve user experience with these four transitions in Material motion:

1️⃣ Container transform
2️⃣ Shared axis
3️⃣ Fade through
4️⃣ Fade

#11WeeksOfAndroid

Implement today ↓ https://t.co/wNtu2trVgk

[Material Design @materialdesign]

In this 🆕 codelab, learn how to add beautiful Material transitions to your @Android app — with under 100 lines of Kotlin code 👀

👩‍💻⏯✨ https://t.co/82lexrfGdI

[Hunter Stich @hunter_stich]

@BradBytes If you slow it way down, yes, you can see a small jump depending on the shadow. We think it's pretty imperceptible on average and at full speed. Let me know how you find it if you get a chance to check it out

[Hunter Stich @hunter_stich]

@BradBytes @crafty @jonasnaimark Any chance you have a video of the flashing happening without the delay? Can you file an issue for us on GitHub?

[Hunter Stich @hunter_stich]

@BradBytes I had to fix a similar issue in our catalog app by adding a target to the transition. https://t.co/ws5rTxr1fV

[Hunter Stich @hunter_stich]

@BradBytes Done! https://t.co/H9KqZ7RbA1

[Hunter Stich @hunter_stich]

@BradBytes No, shadows are something we just don't have support for yet. Definitely a priority though.

[Hunter Stich @hunter_stich]

@BradBytes You can use AnimationUtils.loadInterpolator.

[Hunter Stich @hunter_stich]

@BradBytes Take a look at this sample - https://t.co/OmawJRLg6P

[Hunter Stich @hunter_stich]

@BradBytes Where is your Bottom Nav in your hierarchy is relation to the start and end views of the container transform?

[Hunter Stich @hunter_stich]

@BradBytes That looks so good! How'd you end up doing it?

[Hunter Stich @hunter_stich]

@BradBytes Hmm I don't. Is there any way you could file a bug against us that reproduces this?

[Hunter Stich @hunter_stich]

@BradBytes That would be really cool. I haven't experimented too much with mixing enter transitions for views inside the container transform, but definitely something to look into. It might work as is.

[Hunter Stich @hunter_stich]

@BradBytes Hmm. The exact timing like that mock might be pretty challenging. I would think the best way would be an exit transition that targets your toolbar view

[Hunter Stich @hunter_stich]

@Brad1231231234 @jonasnaimark You could also have a look at adjusting the container transform's scale and scaleMask progress thresholds

[Hunter Stich @hunter_stich]

@Brad1231231234 It looks that's what it's doing to me. How much the fab translates depends on the position/size of the end view. It'll look like the start view is translating more the further away it is from the top of the end view. Maybe @jonasnaimark has some thoughts?

[Hunter Stich @hunter_stich]

@Brad1231231234 Are you calling setPathMotion on your container transform and giving it a MaterialArcMotion?

[Hunter Stich @hunter_stich]

@Brad1231231234 This is one of the greatest screenshots I've seen haha. Do you mind filing an issue with these details on our repo? https://t.co/JuKesZ9vQD

[Hunter Stich @hunter_stich]

@Brad1231231234 Okay interesting. I'll try to reproduce it and see what's happening.

[Hunter Stich @hunter_stich]

@Brad1231231234 Oh my bad, misunderstood what you were referring to. Are you transitioning between Activities? There was a bug that was fixed that might be what your running into here - https://t.co/K7iRn7ibJn