الميزات المضمّنة في Jetpack Compose Glimmer

تم إنشاء Jetpack Compose Glimmer استنادًا إلى Jetpack Compose ويتضمّن عناصر قابلة للإنشاء ومكوّنات وسلوكيات ومظهرًا مصمَّمًا لنظارات الذكاء الاصطناعي التي تتضمّن شاشة. باستخدام Glimmer، يمكنك إنشاء واجهة مستخدم أصلية لنظارات الذكاء الاصطناعي باستخدام Compose، ما يتيح لك تقديم تجارب تطبيقك بأقل قدر من الرموز البرمجية وأدوات فعّالة وواجهات برمجة تطبيقات سهلة الاستخدام بلغة Kotlin.

عناصر Glimmer القابلة للإنشاء في Jetpack Compose

توفّر مكتبة Jetpack Compose Glimmer دوال @Composable مصمّمة خصيصًا لشاشات نظارات الذكاء الاصطناعي، مثل Text وButton وListItem. في ما يلي بعض الخصائص الفريدة لعناصر Glimmer القابلة للإنشاء في Jetpack Compose:

• التصميم المبسّط: يتم تلقائيًا ضبط خلفيات مكوّنات Surface، مثلاً، على اللون الأسود أو الشفاف لتحسين العرض البصري.
• إعدادات تلقائية محسّنة للألوان: تحسب مكتبة Jetpack Compose Glimmer لون المحتوى استنادًا إلى لون الخلفية تلقائيًا، لذلك نادرًا ما يحتاج المطوّرون إلى ضبط ألوان النص يدويًا، ما يؤدي إلى تحسين إمكانية القراءة بدون أي عمل إضافي.

• التركيز المميّز: يتم الإشارة إلى التركيز باستخدام ملاحظات مرئية مستندة إلى المخطط التفصيلي بدلاً من تأثير التموّج، ما يعزّز الوضوح.

  

• الارتفاع المحسّن: تستخدم أداة Glimmer في Jetpack Compose عددًا محدودًا من الظلال المربعة لتحقيق الفصل المرئي

  

مكوّنات Glimmer في Jetpack Compose

تتضمّن ميزات Jetpack Compose Glimmer مجموعة من المكوّنات المصمَّمة خصيصًا، على غرار المكوّنات في Jetpack Compose، ولكن تم تحسينها خصيصًا لتلبية المتطلبات الفريدة من حيث العناصر المرئية والتفاعلية لنظارات الذكاء الاصطناعي. يمكن تخصيص مكوّنات Glimmer في Jetpack Compose باستخدام سمة Glimmer في Jetpack Compose، كما أنّها تستند إلى ميزات Compose ذات المستوى الأدنى لدعم طرق إدخال المستخدمين، مثل النقر والتمرير سريعًا بشكل تلقائي.

لمزيد من المعلومات حول استخدام مكوّن معيّن، يُرجى الاطّلاع على الأدلة التالية:

• Text
• الرموز
• رقائق العنوان
• البطاقات
• القوائم
• الأزرار

إذا لم يكن أحد هذه المكوّنات العالية المستوى مناسبًا لحالة الاستخدام، يمكنك استخدام surface لإنشاء مكوّن مخصّص. مساحات العرض هي أبسط وحدة أساسية في Jetpack Compose Glimmer، وهي عبارة عن لوحة فارغة لأي تصاميم أو تفاعلات مخصّصة ومحدّدة تريد إنشاءها.

معدِّلات Glimmer في Jetpack Compose

تعمل أدوات التعديل في Glimmer من Jetpack Compose بشكل مطابق لأدوات التعديل في Compose، ما يتيح لك تحسين العناصر القابلة للإنشاء من خلال تخصيص تصميمها ومظهرها وسلوكها. قد يقدّم Jetpack Compose Glimmer معدِّلات معيّنة أو يطبّق إعدادات تلقائية فريدة خاصة بالنظارات لتوفير ملاحظات مرئية وأداء أفضل.

عمق تأثير التوهّج في Jetpack Compose

تستخدم مكوّنات Glimmer في Jetpack Compose العمق لتمثيل التسلسل الهرمي، ما يساعد في التمييز بصريًا بين العناصر التي يتم عرضها فوق (أعلى) البطاقات الأخرى. تشير العمق في النظارات الذكية إلى مزيج من الموضع في المساحة z والظلال. بالنسبة إلى معظم المكوّنات ذات المستوى العالي، مثل عناصر القائمة، يتم تطبيق العمق تلقائيًا استنادًا إلى حالة التركيز. عند التركيز على أحد المكوّنات، يزداد عمقه، وعندما يتم إيقاف التركيز عليه، يعود إلى حالته الطبيعية. ومع ذلك، للعمل مع المكوّنات المخصّصة، يمكنك استخدام المَعلمة depth في Modifier.surface أو Modifier.depth.

مظهر Jetpack Compose Glimmer

تتضمّن ميزة Glimmer في Jetpack Compose نظامًا مخصّصًا لتطبيق السمات على النظارات الذكية التي تعمل بالذكاء الاصطناعي. يوفّر مظهر Jetpack Compose Glimmer لوحة ألوان مبسطة ومحسّنة، بالإضافة إلى أسلوب الخطوط والأشكال. يساعد ذلك في زيادة مستوى ظهور نظارات الذكاء الاصطناعي إلى أقصى حدّ، كما يضمن أن تكون المعلومات موجزة. تم تصميم جميع مكوّنات Jetpack Compose Glimmer لتتكامل تلقائيًا مع طرق الإدخال المحدّدة لنظارات الذكاء الاصطناعي. يتم عرض مظهر Glimmer في Jetpack Compose باستخدام الفئة GlimmerTheme.

كما هو الحال مع السمات الأخرى في Jetpack Compose، تتضمّن GlimmerTheme العديد من الأنظمة الفرعية، وهي: الألوان والأشكال وأسلوب الخط والأيقونات (علم الرموز). يتضمّن مظهر Jetpack Compose Glimmer أيضًا مكوّنات Jetpack Compose Glimmer التي يمكنك تخصيصها.

الألوان

يتضمّن نظام الألوان في Glimmer من Jetpack Compose سبعة ألوان في لوحة الألوان المحسّنة، وهي مصمَّمة لتحقيق الحد الأقصى من الوضوح والاختصار على شاشات نظارات الذكاء الاصطناعي التي لا تعرض القيم السوداء.

يُرجى العلم أنّ ألوان "في ..." لا يتم عرضها من خلال GlimmerTheme. يتم احتساب هذه الألوان تلقائيًا بواسطة النظام استنادًا إلى لون الخلفية.

يتم عرض هذه الألوان من خلال GlimmerTheme.colors.primary، مع قيم لكل دور من أدوار الألوان كما هو موضّح في الجدول التالي:

دور اللون	الإعدادات التلقائية
أساسي	#A8C7FA
ثانوي	#4C88E9
إيجابي	#4CE995
سالب	#F57084
مساحة عرض	#000000
مخطط	#606460
outlineVariant	#42434A

يُرجى العِلم أنّه على الرغم من أنّ surface وoutline وoutlineVariant مصنّفة على أنّها قابلة للتخصيص، ننصحك بشدة بعدم تخصيص هذه القيم.

الأشكال

يحدّد نظام الأشكال في Jetpack Compose Glimmer مجموعة من المعالجات القياسية للزوايا والأشكال الهندسية للمكوّنات، وهو مصمَّم لإنشاء لغة مرئية متسقة وبسيطة على واجهات مستخدم نظارات الذكاء الاصطناعي، مع عرض جميع الأشكال من خلال GlimmerTheme.shapes.

أسلوب الخط

يتضمّن نظام أسلوب الخط في Glimmer من Jetpack Compose ستة أنماط خطوط لضمان الوضوح والإيجاز على شاشات نظارات الذكاء الاصطناعي. تم تصميم هذه الأنماط لزيادة التباين إلى أقصى حد وتحسين إمكانية قراءة النص من خلال استخدام خطوط أكثر سمكًا وتباعد أكبر بين الأحرف وارتفاعات مناسبة للأسطر. يتم عرض هذه الأنماط من خلال GlimmerTheme.typography.

الرموز

تم تصميم نظام الأيقونات في Jetpack Compose Glimmer ليتكامل بشكل متسق مع اللغة المرئية المبسّطة لواجهات المستخدم في نظارات الذكاء الاصطناعي، وغالبًا ما يستخدم أشكالاً دائرية مثل Material Symbols Rounded لتحقيق أفضل مستوى من سهولة القراءة.