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.

با این حال، آخرین APIهای Compose ما اکنون سطح دقت بالایی را با دو اصلاح‌کننده قدرتمند جدید، drop shadows و inner shadows، به ما می‌دهند.

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.

بیا ببینیم چطور از سایه افتاده استفاده کنیم. پارامتر شعاع، نرمی و پخش شدن تاری رو تعیین می‌کنه.