any simple to understand animation examples yet? :...

# compose

[Ian Warwick]

any simple to understand animation examples yet? 🙂 I did some digging but nothing clicked so far, I see the cross fade anim and some infrastructure just need a nudge in the right direction

[matvei]

Try Animation demos.
RepeatedRotation showcases Transition example, where you launch animation between predefined states:
https://cs.android.com/androidx/platform/frameworks/support/+/androidx-master-dev:ui/ui-animation/integration-tests/animation-demos/src/main/java/androidx/ui/animation/demos/RepeatedRotationActivity.kt

Take a look at AnimatableSeekBar for AnimatedFloat example (manually launched animation over one value) and Clock control (manual control over animating timings and frames):
https://cs.android.com/androidx/platform/frameworks/support/+/androidx-master-dev:ui/ui-animation/integration-tests/animation-demos/src/main/java/androidx/ui/animation/demos/AnimatableSeekBar.kt;l=49?q=AnimatableS&ss=androidx%2Fplatform%2Fframeworks%2Fsupport

[Ian Warwick]

aha very nice thanks 🙂

[Ian Warwick]

@matvei examples are very cool though they only show how to animate drawn rectangles on a canvas. Will it be possible to animate a Container or Surface containing other composables?

[Ian Warwick]

maybe animating a custom layout modifier might work... not sure 🙂

[matvei]

What do you mean by "animate `Container`"? Do you want to animate it's bounds or paddings?

[matvei]

I think you can still wrap Container with Transition or put remembered AniamatedFloat nearby and use it's values in modifiers/children to animate whatever you want.

[Ian Warwick]

yeh so I have a card editor using Card{} (at top of screenie) and I want to animate the whole card and its content as if its being flipped around... I could maybe take a snapshot image of it and rotate that to fake it might work

[Ian Warwick]

Been thinking about this further and if animations such as rotation are only available at the draw level rather than rotating any old composable my approach to using high-level composables in this little editor app are not going to work... seems I might have to draw those elements on a canvas instead

[Ian Warwick]

Hey @matvei wondering if you (or colleagues) have any more perspective on this, should Compose support high level animations (such as animating containers on on any axis, translation, rotation, etc) seems like this would be something that is not exclusive to my particular use case. Maybe the Modifier API could support more than size modifications though also orientation?

[matvei]

Hey. Yep, I think it will be useful to have something like that.

Modifiers here will be especially useful, as you can just put Container(modifier = LayoputPadding(10.dp) + RotationX(0.1f) ). but I'm not sure if it's doable right now

I don't know about particular plans, but agree that would be nice to have.

[Ian Warwick]

nice 🙂 yeh something like that would be super cool! 🙂