الميزات المضمّنة في 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 لون المحتوى استنادًا إلى لون الخلفية تلقائيًا، لذلك نادرًا ما يحتاج المطوّرون إلى ضبط ألوان النص يدويًا، ما يؤدي إلى تحسين إمكانية القراءة بدون أي عمل إضافي.

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

  

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

  

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

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

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

• الأزرار
• البطاقات
• الرموز
• أزرار الرموز
• القوائم
• عناصر القائمة
• المنصات
• Text
• أزرار التبديل
• شرائح العناوين
• الحزم العمودية

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

معدِّلات Jetpack Compose Glimmer

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

مظهر Glimmer في Jetpack Compose

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

مثل المظاهر الأخرى في Jetpack Compose، يتضمّن GlimmerTheme العديد من الأنظمة الفرعية التي تم توضيحها بإيجاز في الأقسام التالية مع سماتها القابلة للتخصيص:

• الألوان
• أسلوب الخط
• قيم تباعد المكوّنات
• الأشكال
• مستويات تأثير العمق
• أحجام الرموز

الألوان

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

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

أسلوب الخط

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

قيم تباعد المكوّنات

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

الأشكال

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

مستويات تأثير العمق

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

أحجام الرموز

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