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?

هل تبحثون عن إضافة تأثيرات تحول الأشكال الممتعة لتطبيقات 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 الجديد لـWear OS مضيفين لمسة ممتعة لواجهتكم.

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

والثاني أن هناك عدداً من مكونات Compose Material 3 التي تبسط بشكل كبير تطبيق التحول على Wear OS.