is there any way to animate between two textstyles?

# compose

[Vaios Tsitsonis]

is there any way to animate between two textstyles?

[Kirill Grouchnikov]

How would you expect this to work across completely different font families, multiline texts, etc?

[Vaios Tsitsonis]

I would like to do something like scale down/up based on a state. I m trying to use updateTransition . Probably I need to rewrite the animateDp and have something similar but for sp, right? Additinionally, i think it woul be nice to have something similar but for padding values (animatePaddingValues). Now, I call 4 times the animateDp to update the padding values.

[Kirill Grouchnikov]

There's way more to TextStyle than just font size

[Vaios Tsitsonis]

of course! But most of these values could be animated separately. So I would expect to have a transition from these values to the values that are declared in another textstyle

[Kirill Grouchnikov]

That's my question though. How do you animate from italic to bold? From monospace to non monospace (different shapes of characters)? How do you animate a multi-line text where switching the font results in a different number of lines as words shift across lines?

[Vaios Tsitsonis]

To be honest, I do not know and possibly this is hard to implement. What I would like to achieve is something similar with autosizing textview. So, I do not want to bother with different fonts, etc. This autosizing needs to be implemented based on a gesture. Probably, I could do it by defining every animated value by hand, but this seems counterproductive

[Chris Sinco [G]]

Do you have a video example of what you'd like to achieve?

[Doris Liu]

I'd love to see a mock for the autosizing textview that you have in mind as well, if you don't mind sharing. 🙂 Maybe it's a use case that we could support if we could understand it better.

[Siyamed]

@Anastasia [G] fyi

[Siyamed]

Text Animation is not something we checked. It is Pandora's box as Kirill said and has performance issues.

[Vaios Tsitsonis]

I made a poc. Indeed I feel that is not an eye-catching animation. Additionally, I think that I have to write a lot of boilerplate to achieve it :s

Blueground Design System

[Doris Liu]

This looks kind of like a shared element case. Given that we know the initial size and can look ahead for target size of the text layout, I wonder if there's anything we can do with that additional info to reduce the performance cost.

[Doris Liu]

Also in terms of visual, I'm not sure resizing font size every frame would produce the most smooth visual transform. Cross fade might look better.

[Vaios Tsitsonis]

Thank you for you response! I ll give crossfade a try

[Zach Klippenstein (he/him) [MOD]]

Also fyi variable fonts are a lot more friendly to animating between styles, but android/compose support for them is pretty limited still and most fonts don't support it anyway