<https://github.com/androidx/androidx/commit/c5f36...

# compose

[Tolriq]

https://github.com/androidx/androidx/commit/c5f36c050e6ec86e8a504031b3cd7602a11f4d9e

[Colton Idle]

Wow @Doris Liu this looks awesome! Need some time to check it out... but I can't wait to create some simple animations from a LazyList list item expanding into the next screen!

[Doris Liu]

Please give us feedback once you give it a go after it's released! 🙂

[Tolriq]

Will there be more docs / example before release ? Especially around the different kind of transition in the same global container.

[Doris Liu]

The release will include a bunch of samples and docs.

Re: different kinds of transition,
Curious, what specific kinds of transition do you have in mind?

Also cc @Rebecca Franks

[Tolriq]

When you started to work on that and asked for what kind of transition I told you about the youtube music one. A small image in a compact player that moves to another position when the player expands. There's a whole container in a bottomsheet, A row with the image in the compact player that scroll off while the sheet expand and the big image is inside a pager as users can swipe left / right making this hard to achieve with standard things. I guess by making the images disappear / appear I could trigger the transition, but would it be possible to control the animation and tie it to the bottomsheet expanding when the user manually drag it?

[Doris Liu]

The music player transition is a very bespoke transition. It could work with shared element transition with SeekableTransition (we recently added some SeekableTransitionState APIs). You'll need to seek based on the gesture, and animate to target once you let go.

[Tolriq]

Thanks, let's hope there's a few pieces about that in the future samples and doc then.

[Konstantin Klassen]

@Doris Liu It looks like this is based on AnimatedContent . Is it somehow possible for a list item to appear detached from the list and appear as a dialog with the list still being visible in the background?

[Konstantin Klassen]

Maybe that would rather be a plain lookahead thing 🤔

[Doris Liu]

Yes. The shared elements can work with AnimatedVisibility too. So you could have two `AnimatedVisibility`s: one for the item, the other for the dialog content. The item could disappear from one AV and appear in another. I happen to have an example for doing something similar: https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]imation/demos/sharedelement/SharedTransitionScopeDemo.kt;l=90

[Doris Liu]

The tricky part about a dialog is that it's a new window. It may not be straightforward to query and manage position changes. Or may be you are talking about a Dialog-like UI element that is not in a new window?

[Konstantin Klassen]

Dialog-like, yes, not a real dialog. Awesome, thanks!

[Konstantin Klassen]

sealed interface AnimatedContentScope : AnimatedVisibilityScope TIL 😀

[Archie]

Hi @Doris Liu Just wondering if SharedElementTransition could be used with gestures for say for example Collapsing Toolbar?

[Stylianos Gakis]

Yeah, they can be used anywhere there is AnimatedContent, which you could do for a collapsing toolbar

[Doris Liu]

You should be able to use shared element transition and drive the underlying Transition with gesture if you use a seekable Transition (i.e. create the Transition with a SeekableTransitionState). This is how predictive back achieves the gesture driven shared element.