Shadows In Compose | Jetpack Compose Tips

ADHITHYA RAMAKUMAR: Users love apps with depth, dimension, and realism.

أديتيا رام كومار: يحب المستخدمون التطبيقات ذات العمق والبعد والواقعية.

One of the easiest, yet effective, ways to achieve this is shadows.

من أسهل الطرق وأكثرها فعالية لتحقيق ذلك هي الظلال.

For a long time, our mechanisms for rendering shadows were constrained to different elevation levels.

لفترة طويلة، كانت آلياتنا لرسم الظلال مقيدة بمستويات ارتفاع مختلفة.

While you can still leverage these presets, they historically lacked a straightforward bot for fine-grained control that you have in popular design tools.

بينما لا يزال بإمكانك الاستفادة من هذه الإعدادات المسبقة، إلا أنها افتقرت تاريخياً إلى طريقة مباشرة للتحكم الدقيق الذي لديك في أدوات التصميم الشائعة.

However, our latest Compose APIs now grant us a great level of precision with two new powerful modifiers, drop shadows and inner shadows.

ومع ذلك، فإن واجهات برمجة التطبيقات Compose API الحديثة لدينا تمنحنا الآن مستوى عالٍ من الدقة مع مُعدِّلين قويين جديدين، الظلال المتساقطة والظلال الداخلية.

In the next few minutes, we will go beyond rudimentary elevation to construct truly delightful user interfaces, all through shadows.

في الدقائق القليلة القادمة، سنتجاوز الارتفاعات البدائية لبناء واجهات مستخدم ممتعة حقًا، كل ذلك من خلال الظلال.

All right, let's dive in.

حسناً، دعنا نبدأ.

[MUSIC PLAYING]

[موسيقى قيد التشغيل]

Typically, design specs for shadows revolve around four fundamental parameters.

عادةً ما تدور مواصفات التصميم للظلال حول أربعة معلمات أساسية.

These include the x and y offsets, the blur radius, the spread, and, of course, the color.

تشمل هذه الإزاحات x و y، ونصف قطر التمويه، والانتشار، وبالطبع اللون.

The drop shadow modifier provides an interface for you to control each of these aspects through its shadow parameter.

يوفر مُعدّل الظل المتساقط واجهة لك للتحكم في كل جانب من هذه الجوانب من خلال مُعدّل الظل الخاص به.

Let's look at how to use drop shadow. The radius parameter dictates the softness and diffusion of your blur.

دعنا نلقي نظرة على كيفية استخدام الظل المتساقط. يحدد مُعدّل نصف القطر نعومة وانتشار التمويه الخاص بك.