Jetpack Compose Glimmer بر اساس Jetpack Compose ساخته شده است و شامل composableها، کامپوننتها، رفتارها و یک تم است که برای عینکهای هوش مصنوعی دارای نمایشگر طراحی شدهاند . با Glimmer، میتوانید با استفاده از Compose رابط کاربری بومی برای عینکهای نمایشگر بسازید و با کد کمتر، ابزارهای قدرتمند و APIهای کاتلین بصری، به تجربیات برنامه خود جان ببخشید.
جتپک کامپوز (Jetpack Compose)
Jetpack Compose Glimmer توابع @Composable را که برای نمایشگرهای عینک هوش مصنوعی طراحی شدهاند، مانند Text ، Button و ListItem ، ارائه میدهد. در اینجا برخی از ویژگیهای منحصر به فرد Composableهای Jetpack Compose Glimmer آورده شده است:
- سبکبندی سادهشده : برای مثال، اجزای
Surfaceبرای بهینهسازی نمایشگر نوری، بهطور پیشفرض پسزمینههای مشکی یا شفاف دارند. - رنگهای پیشفرض بهینه شده : 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 برای ساخت یک کامپوننت سفارشی استفاده کنید. سطوح (surfaces) اساسیترین بلوک سازنده در 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 برای نمایشگرهای افزایشی و محیطهای واقعی طراحی شده است. برخلاف تمهای استاندارد اندروید، Colors GlimmerTheme پسزمینههای تیره را با نیمهشفافیت و جلوههای پر جنب و جوش در اولویت قرار میدهند تا از خوانایی محتوا در برابر نورپردازی غیرقابل پیشبینی دنیای واقعی اطمینان حاصل شود.
این سیستم از یک پالت سه قسمتی با رنگهای اصلی، فرعی و خنثی استفاده میکند. رنگهای خنثی اغلب به عنوان سطوح فیزیکی رابط کاربری فضایی عمل میکنند، در حالی که رنگهای اصلی و فرعی نشانههای بصری واضحی را برای تعامل و برندسازی فراهم میکنند.
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 Symbols Rounded برای خوانایی بهینه استفاده میکند.