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 از عمق برای نمایش سلسله مراتب استفاده میکنند که به تشخیص بصری عناصری که در بالا (روی) کارتهای دیگر نمایش داده میشوند، کمک میکند. عمق در عینکهای هوش مصنوعی ترکیبی از قرارگیری در فضای z و سایهها است. برای اکثر کامپوننتهای سطح بالا، مانند آیتمهای لیست، عمق به طور خودکار بر اساس حالت فوکوس اعمال میشود. وقتی یک کامپوننت فوکوس میشود، عمق پیدا میکند؛ وقتی فوکوس را از دست میدهد، به حالت عادی خود برمیگردد. با این حال، برای کار با کامپوننتهای سفارشی، میتوانید از پارامتر عمق در Modifier.surface یا Modifier.depth استفاده کنید.
تم Jetpack Compose Glimmer
Jetpack Compose Glimmer دارای یک سیستم تمبندی اختصاصی برای عینکهای هوش مصنوعی است. تم Jetpack Compose Glimmer یک پالت رنگ، تایپوگرافی و شکل ساده و بهینهشده را پیادهسازی میکند. این امر حداکثر دید و وضوح را برای عینکهای هوش مصنوعی افزایش میدهد. تمام اجزای Jetpack Compose Glimmer برای ادغام خودکار با روشهای ورودی خاص عینکهای هوش مصنوعی طراحی شدهاند. تم Jetpack Compose Glimmer با استفاده از کلاس GlimmerTheme نمایش داده میشود.
مانند سایر قالبهای Jetpack Compose ، GlimmerTheme شامل چندین زیرسیستم است: رنگها، شکلها، تایپوگرافی و آیکونها (نمادشناسی). قالب Jetpack Compose Glimmer همچنین شامل اجزای Jetpack Compose Glimmer است که میتوانید آنها را سفارشی کنید.
رنگها
سیستم رنگ Jetpack Compose Glimmer شامل هفت رنگ در پالت بهینه شده خود است که برای حداکثر دید و وضوح در نمایشگرهای عینک هوش مصنوعی که در آنها مقادیر سیاه نمایش داده نمیشوند، طراحی شده است.
GlimmerTheme . توجه داشته باشید که رنگهای «روشن ...» از طریق GlimmerTheme نمایش داده نمیشوند. این رنگها به طور خودکار توسط سیستم بر اساس رنگ پسزمینه محاسبه میشوند.
این رنگها از طریق GlimmerTheme.colors.primary نمایش داده میشوند و مقادیر هر نقش رنگ در جدول زیر شرح داده شده است:
نقش رنگ | پیشفرضها |
|---|---|
اولیه | #A8C7FA |
ثانویه | #4C88E9 |
مثبت | #4CE995 |
منفی | #F57084 |
سطح | #۰۰۰۰۰۰ |
طرح کلی | #606460 |
طرح کلی | #۴۲۴۳۴A |
توجه داشته باشید که اگرچه surface ، outline و outlineVariant به عنوان قابل تنظیم علامتگذاری شدهاند، اما اکیداً توصیه میکنیم که این مقادیر را سفارشی نکنید.
اشکال
سیستم شکل Jetpack Compose Glimmer مجموعهای از روشهای استاندارد گوشهسازی و فرمهای هندسی را برای اجزا تعریف میکند که برای ایجاد یک زبان بصری سازگار و مینیمالیستی در رابطهای کاربری عینکهای هوش مصنوعی طراحی شدهاند و تمام اشکال از طریق GlimmerTheme.shapes نمایش داده میشوند.
تایپوگرافی
سیستم تایپوگرافی Jetpack Compose Glimmer شامل شش سبک تایپوگرافی برای خوانایی و اختصار در نمایشگرهای عینکهای هوش مصنوعی است. این سبکها برای به حداکثر رساندن کنتراست و بهبود خوانایی متن از طریق وزنهای پررنگتر، فاصله بیشتر حروف و ارتفاع مناسب خطوط طراحی شدهاند. این سبکها از طریق GlimmerTheme.typography در معرض نمایش قرار میگیرند.
آیکنها
سیستم آیکونهای Jetpack Compose Glimmer به گونهای طراحی شده است که به طور منسجم با زبان بصری سادهشدهی رابطهای کاربری عینکهای هوش مصنوعی ادغام شود و اغلب از اشکال گرد مانند Material Symbols Rounded برای خوانایی بهینه استفاده میکند.