WearOS Material 3 shape morphing | Jetpack Compose Tips

CHIARA CHIAPPINI: Are you looking to add a little shape morphing delight to your Wear OS apps?

CHIARA CHIAPPINI: Möchtet ihr etwas erfreuliche Formverwandlung in eure Wear-OS-Apps bringen?

If so, you are in the right place. In this episode, you'll learn how to implement these cool new effects with Compose Material 3.

Wenn ja, seid ihr hier genau richtig. In dieser Episode lernt ihr, wie ihr diese coolen neuen Effekte mit Compose Material 3 implementiert.

[MUSIC PLAYING]

[MUSIK]

If you previously tried implementing a shape morphing effect in Compose, you may notice that it usually requires many lines of code.

Wenn ihr zuvor versucht habt, einen Formverwandlungs-Effekt in Compose zu implementieren, ist euch vielleicht aufgefallen, dass das normalerweise viele Codezeilen erfordert.

This example shows how to manually implement change morph between a triangle and a square.

Dieses Beispiel zeigt, wie man manuell eine Formverwandlung zwischen einem Dreieck und einem Quadrat implementiert.

And then you need to also implement the animation between these two.

Und dann muss man auch noch die Animation zwischen diesen beiden implementieren.

In this example, we perform an infinite morphing animation between the two, but a lot of the time, we'd also like to tie into the interaction source for button press morphing.

In diesem Beispiel führen wir eine endlose Verwandlungsanimation zwischen den beiden durch, aber oft möchten wir auch die Interaktionsquelle für die Verwandlung bei Tastendruck einbinden.

It is quite a lot of code for this effect.

Das ist ziemlich viel Code für diesen Effekt.

But today, I have not just one but two pieces of good news for you.

Aber heute habe ich nicht nur eine, sondern gleich zwei gute Nachrichten für euch.

The first one is that you can now bring the cool shape morphing effect into your various apps with the new Compose Material 3 for Wear OS, adding a delightful touch to your UI.

Die erste ist, dass ihr jetzt den coolen Formverwandlungs-Effekt in eure verschiedenen Apps bringen könnt mit dem neuen Compose Material 3 für Wear OS, das eurer UI eine entzückende Note verleiht.

The second one is that there are a number of Compose Material 3 components that greatly simplify implementation morphing on Wear OS.

Die zweite ist, dass es eine Reihe von Compose Material 3 Komponenten gibt, die die Implementierung von Formverwandlung auf Wear OS erheblich vereinfachen.