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: ¿Estás buscando agregar un poco de transformación de formas encantadora a tus apps de 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 es así, estás en el lugar correcto. En este episodio, aprenderás a implementar estos nuevos efectos geniales con 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 anteriormente intentaste implementar un efecto de transformación de formas en Compose, tal vez notaste que generalmente requiere muchas líneas de código.

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

Este ejemplo muestra cómo implementar manualmente la transformación entre un triángulo y un cuadrado.

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

Y luego también necesitas implementar la animación entre estos dos.

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.

En este ejemplo, realizamos una animación de transformación infinita entre los dos, pero muchas veces también nos gustaría vincularla con la fuente de interacción para la transformación al presionar un botón.

It is quite a lot of code for this effect.

Es bastante código para este efecto.

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

Pero hoy, no tengo una sino dos buenas noticias para ti.

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 primera es que ahora puedes llevar el genial efecto de transformación de formas a tus apps de Wear OS con el nuevo Compose Material 3 para Wear OS, agregando un toque encantador a tu interfaz.

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

La segunda es que hay varios componentes de Compose Material 3 que simplifican enormemente la implementación de transformaciones en Wear OS.