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.

그리고 이 두 형태 사이의 애니메이션도 구현해야 해요.

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.

이 예제에서는 두 형태 사이의 무한 변형 애니메이션을 수행하지만, 대부분의 경우 버튼 누름 변형을 위한 상호작용 소스와도 연결하고 싶을 거예요.

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 컴포넌트들이 여러 개 있다는 거예요.