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 : Tu cherches à ajouter un peu de morphing de formes à tes applis Wear OS ?

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.

Si oui, tu es au bon endroit. Dans cet épisode, tu vas apprendre à implémenter ces nouveaux effets cool avec Compose Material 3.

[MUSIC PLAYING]

[Music]

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

Si tu as déjà essayé d'implémenter un effet de morphing de formes en Compose, tu as peut-être remarqué que ça nécessite généralement beaucoup de lignes de code.

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

Cet exemple montre comment implémenter manuellement un morphing entre un triangle et un carré.

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

Et ensuite tu dois aussi implémenter l'animation entre les deux.

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.

Dans cet exemple, on fait une animation de morphing infinie entre les deux, mais souvent, on aimerait aussi la lier à la source d'interaction pour le morphing au clic de bouton.

It is quite a lot of code for this effect.

C'est pas mal de code pour cet effet.

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

Mais aujourd'hui, j'ai non pas une mais deux bonnes nouvelles pour toi.

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.

La première c'est que tu peux maintenant apporter le cool effet de morphing de formes dans tes différentes applis avec le nouveau Compose Material 3 pour Wear OS, ajoutant une touche sympa à ton UI.

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

La deuxième c'est qu'il y a plusieurs composants Compose Material 3 qui simplifient grandement l'implémentation du morphing sur Wear OS.