Jetpack Compose Glimmer براساس Jetpack Compose ساخته شده است و شامل ترکیب‌پذیرها، مؤلفه‌ها، رفتارها، و زمینه‌ای است که برای عینک‌های هوش مصنوعی دارای نمایشگر طراحی شده‌اند. با Glimmer، می‌توانید بااستفاده از Compose، میانای کاربر بومی برای عینک نمایشگردار بسازید و تجربه‌های برنامه‌تان را با کد کمتر، ابزارهای قدرتمند، و Kotlin APIهای شهودی زنده کنید.
ترکیب‌شدنی‌های Jetpack Compose Glimmer
Jetpack Compose Glimmer توابع @Composable را ارائه می‌دهد که برای نمایشگرهای عینک هوش مصنوعی سفارشی شده‌اند، مانند Text، Button، و ListItem. در اینجا
برخی‌از ویژگی‌های منحصربه‌فرد ترکیب‌پذیرهای Jetpack Compose Glimmer آورده شده است:
- سبک‌بندی ساده‌شده: برای مثال، مؤلفه‌های
Surfaceبه‌طور پیش‌فرض پس‌زمینه سیاه یا شفاف دارند تا نمایشگر نوری بهینه‌سازی شود. - پیش‌فرض‌های رنگ بهینه‌شده: Jetpack Compose Glimmer رنگ محتوا را به‌طور پیش‌فرض براساس رنگ پس‌زمینه محاسبه می‌کند، بنابراین توسعه‌دهندگان به‌ندرت نیاز به تنظیم دستی رنگ‌های نوشتار دارند، که خوانایی را بدون هیچ کار اضافی بهبود می‌بخشد.
تمرکز متمایز: تمرکز بااستفاده از بازخورد دیداری مبتنی بر طرح کلی به‌جای جلوه موج‌دار نشان داده می‌شود که باعث دید واضح می‌شود.
شکل ۱. سه حالت تمرکز در Jetpack Compose Glimmer که بااستفاده از بازخورد دیداری مبتنی بر طرح کلی از هم متمایز شده‌اند. ارتفاع بهینه‌شده: Jetpack Compose Glimmer از سایه‌های محدود جعبه‌ای برای جداسازی بصری استفاده می‌کند
شکل ۲. پنج سطح ارتفاع در Jetpack Compose Glimmer که بااستفاده از سایه جعبه محدود متمایز می‌شوند.
عناصر Jetpack Compose Glimmer
Jetpack Compose Glimmer مجموعه مؤلفه‌های طراحی‌شده سفارشی خودش را دارد، مشابه مؤلفه‌های Jetpack Compose، اما به‌طور خاص برای نیازهای تعاملی و بصری منحصربه‌فرد عینک نمایشگردار بهینه‌سازی شده است. مؤلفه‌های Jetpack Compose Glimmer با زمینه Jetpack Compose Glimmer قابل‌سفارشی‌سازی هستند و براساس ویژگی‌های Compose سطح پایین‌تر ساخته شده‌اند تا به‌طور پیش‌فرض از روش‌های ورودی کاربر مانند تک‌ضرب زدن و تند کشیدن پشتیبانی کنند.
برای کسب اطلاعات بیشتر درباره استفاده از مؤلفه‌ای خاص، راهنماهای زیر را ببینید:
- دکمه‌ها
- کارت‌ها
- ورق‌زن‌های افقی
- نمادها
- دکمه‌های نماد
- فهرست‌ها
- موارد فهرست
- سطوح
- نوشتار
- دکمه‌های مبدل
- تراشه‌های عنوان
- دسته‌های عمودی
- نشانگر ورودی گفتاری
اگر یکی از این مؤلفه‌های سطح بالا برای مورد استفاده شما کار نمی‌کند، می‌توانید
از surface برای ساختن مؤلفه سفارشی استفاده کنید. سطوح اساسی‌ترین بلوک ساختمانی در Jetpack Compose Glimmer هستند—یک بوم خالی برای هر طراحی یا تعامل خاص و سفارشی که می‌خواهید بسازید.
اصلاح‌کننده‌های Glimmer در Jetpack Compose
اصلاح‌کننده‌ها در Jetpack Compose Glimmer عملکردی مشابه اصلاح‌کننده‌های Compose دارند که به شما امکان می‌دهند با سفارشی‌سازی چیدمان، ظاهر، و رفتار composable-ها، آن‌ها را تقویت کنید. Jetpack Compose Glimmer شامل اصلاح‌کننده‌ها و پیش‌فرض‌های منحصربه‌فردی برای بازخورد دیداری و عملکرد ویژه عینک است.
زمینه Jetpack Compose Glimmer
Jetpack Compose Glimmer دارای یک سیستم زمینه‌سازی اختصاصی برای عینک‌های نمایشگردار است.
زمینه Jetpack Compose Glimmer پالت ساده‌شده و بهینه‌شده‌ای از رنگ‌ها، طرح حروف، و شکل‌ها را پیاده‌سازی می‌کند. این کار باعث می‌شود حداکثر رؤیت‌پذیری و اختصار برای عینک نمایشگردار فراهم شود. همه مؤلفه‌های Jetpack Compose Glimmer برای ادغام خودکار با روش‌های ورودی مخصوص عینک طراحی شده‌اند. Jetpack Compose
زمینه Glimmer بااستفاده از کلاس GlimmerTheme نمایش داده می‌شود.
مانند سایر زمینه‌ها در Jetpack Compose، GlimmerTheme شامل چندین
زیرسیستم است که به‌طور خلاصه در بخش‌های زیر همراه با ویژگی‌های قابل‌سفارشی‌سازی آن‌ها
شرح داده شده‌اند:
- رنگ‌ها
- نویسه‌نگاری
- مقادیر فاصله‌گذاری مؤلفه
- شکل‌ها
- سطوح جلوه عمق
- اندازه‌های نماد
رنگ‌ها
سیستم رنگ Jetpack Compose Glimmer برای نمایشگرهای افزایشی
و محیط‌های واقعی طراحی شده است. برخلاف زمینه‌های استاندارد Android، GlimmerTheme
Colors پس‌زمینه‌های تیره با نیمه‌شفافیت و رنگ‌های تأکیدی
سرزنده را در اولویت قرار می‌دهد تا اطمینان حاصل شود که محتوا دربرابر نور غیرقابل‌پیش‌بینی دنیای واقعی خوانا است.
سیستم از پالت سه‌بخشی با رنگ‌های اصلی، فرعی، و خنثی استفاده می‌کند. رنگ‌های خنثی اغلب به‌عنوان سطوح فیزیکی واسط کاربر فضایی عمل می‌کنند، درحالی‌که رنگ‌های اصلی و فرعی نشانه‌های دیداری واضحی برای تعامل و نمانام‌سازی ارائه می‌دهند.
GlimmerTheme.نویسه‌نگاری
سیستم نویسه‌نگاری Jetpack Compose Glimmer شامل سبک‌های نویسه‌نگاری مختلفی
برای خوانایی و اختصار در عینک نمایشگردار است. این سبک‌ها برای به‌حداکثر رساندن کنتراست و بهبود خوانایی نوشتار ازطریق وزن‌های پررنگ‌تر، فاصله‌گذاری گسترده‌تر حروف، و ارتفاع مناسب خط طراحی شده‌اند. این سبک‌ها ازطریق
GlimmerTheme.typography نمایش داده می‌شوند.
مقادیر فاصله‌گذاری مؤلفه
از این مقادیر برای اطمینان از فاصله‌گذاری یکسان در سراسر مؤلفه‌های Jetpack Compose Glimmer استفاده می‌شود. این شامل حاشیه‌های داخلی مؤلفه، فاصله بین مؤلفه‌ها، و دیگر عناصر فاصله‌گذاری می‌شود. توجه داشته باشید که تغییر این مقادیر بر اندازه پیش‌فرض اکثر مؤلفه‌ها تأثیر می‌گذارد.
شکل‌ها
سیستم شکل Jetpack Compose Glimmer مجموعه‌ای از گوشه‌های استاندارد و اشکال هندسی را برای مؤلفه‌ها تعریف می‌کند که برای ایجاد یک زبان بصری منسجم و مینیمالیستی در رابط‌های کاربری عینک‌های نمایشگردار طراحی شده‌اند و همه اشکال ازطریق GlimmerTheme.shapes نمایش داده می‌شوند.
سطوح جلوه عمق
مؤلفه‌های Jetpack Compose Glimmer از عمق برای نمایش سلسله‌مراتب استفاده می‌کنند که
به تشخیص بصری عناصری که بالای (روی) کارت‌های دیگر نمایش داده می‌شوند
کمک می‌کند. عمق در عینک نمایشگردار ترکیبی از جای‌گذاری در فضای z و سایه‌ها است. برای اکثر مؤلفه‌های سطح بالا، مانند موارد فهرست، عمق به‌طور خودکار براساس وضعیت تمرکز اعمال می‌شود. وقتی مؤلفه‌ای متمرکز می‌شود،
عمق پیدا می‌کند؛ وقتی تمرکز را ازدست می‌دهد، به حالت عادی خود برمی‌گردد. اما برای کار با مؤلفه‌های سفارشی، می‌توانید از پارامتر depthEffect در Modifier.surface یا depthEffect استفاده کنید.
اندازه‌های نماد
سیستم نماد Jetpack Compose Glimmer به‌گونه‌ای طراحی شده است که به‌طور منسجم با زبان دیداری ساده‌شده میانای کاربری عینک نمایشگردار ادغام شود و اغلب از شکل‌های گرد مانند نمادهای Material Rounded برای خوانایی بهینه استفاده می‌کند.