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: 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.

もしそうなら、あなたは正しい場所にいます。このエピソードでは、Compose Material 3を使って、これらのクールな新しいエフェクトを実装する方法を学びます。

[MUSIC PLAYING]

[音楽再生中]

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

以前、Composeで形状変化エフェクトを実装しようとしたことがあるなら、通常、多くのコード行が必要になることに気づいたかもしれません。

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

この例は、三角形と正方形の間で形状変化を手動で実装する方法を示しています。

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

そして、この2つの間のアニメーションも実装する必要があります。

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.

この例では、2つの間の無限形状変化アニメーションを実行しますが、多くの場合、ボタンを押したときの形状変化のために、インタラクションソースに結び付けたいとも思います。

It is quite a lot of code for this effect.

このエフェクトにはかなりのコードが必要です。

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

しかし今日、私は一つだけでなく、二つの良いニュースがあります。

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.

一つ目は、新しいCompose Material 3 for Wear OSを使って、あなたの様々なアプリにクールな形状変化エフェクトをもたらし、UIに楽しいタッチを加えることができるということです。

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

二つ目は、Wear OSでの形状変化の実装を大幅に簡素化する、多くのCompose Material 3コンポーネントがあることです。