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: Você está procurando adicionar uma transformação de formas encantadora aos seus apps 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.

Se sim, você está no lugar certo. Neste episódio, você vai aprender como implementar esses efeitos legais com Compose Material 3.

[MUSIC PLAYING]

[MÚSICA TOCANDO]

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

Se você já tentou implementar um efeito de transformação de forma no Compose, pode ter notado que geralmente requer muitas linhas de código.

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

Este exemplo mostra como implementar manualmente a transformação entre um triângulo e um quadrado.

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

E aí você precisa também implementar a animação entre esses dois.

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.

Neste exemplo, realizamos uma animação de transformação infinita entre os dois, mas muitas vezes também gostaríamos de vincular à fonte de interação para transformação ao pressionar o botão.

It is quite a lot of code for this effect.

É bastante código para esse efeito.

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

Mas hoje, tenho não apenas uma, mas duas boas notícias para você.

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.

A primeira é que agora você pode trazer o incrível efeito de transformação de formas para seus vários apps com o novo Compose Material 3 para Wear OS, adicionando um toque encantador à sua UI.

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

A segunda é que há vários componentes do Compose Material 3 que simplificam muito a implementação de transformação no Wear OS.