يمكن أن تحتوي البطاقات على مجموعة متنوعة من المعلومات، مثل النصوص أو الرموز أو الصور أو ردود Gemini أو الإجراءات.
المبادئ
متماسكة: تجمع البطاقات المعلومات والإجراءات ذات الصلة في وحدة واحدة سهلة الاستيعاب.
الوضوح: تقدّم هذه الصفحات المحتوى بطريقة واضحة ومنظَّمة، ما يسهّل عملية البحث.
متعددة الاستخدامات: يمكن أن تتكيّف البطاقات لعرض مجموعة كبيرة من المحتوى، بدءًا من نبذات نصية بسيطة إلى ملخّصات أكثر تعقيدًا تتضمّن عناصر متعددة.
تصميم نموذجي: تم تصميمها لتكون نموذجية وقابلة لإعادة الاستخدام في أجزاء مختلفة من واجهة Jetpack Compose Glimmer for Glasses.
الاستخدام وموضع الإعلان
يمكن أن تحتوي البطاقات على مجموعة متنوعة من المعلومات، مثل النصوص أو الرموز أو الصور أو الإجراءات أو ردود Gemini.
استخدِم نماذج بطاقات Glimmer في Jetpack Compose للمحتوى لأنّها تتوفّر بعدة أشكال ومحسّنة لتتّبع مبادئ تصميم النظارات الجاهزة للاستخدام.
الإجراءات التي يُنصح بها
الإجراءات غير المُوصى بها
علم التشريح
يتم إنشاء البطاقات باستخدام نماذج خانات مُعدّة مسبقًا.
1. العنوان: الجزء العلوي من البطاقة، وهو مصمّم لعرض صورة.
2. العنوان والعنوان الفرعي: يوفّر هذان الحقلان النصيان التصنيفَين الرئيسي والثانوي للبطاقة.
3. الرمز الرئيسي: رمز اختياري يظهر في بداية مساحة محتوى البطاقة.
4. الرمز اللاحق: رمز اختياري يظهر في نهاية مساحة محتوى البطاقة.
5. الإجراء: خانة لعنصر تفاعلي أساسي، مثل زر يتيح ذلك للمستخدمين تنفيذ إجراء مباشرةً من البطاقة. تتوفّر الفتحة في حمولة زائدة منفصلة للعنصر Card القابل للإنشاء.
6. المحتوى الرئيسي: هو الجزء الأساسي من البطاقة، حيث تضع النص الأساسي أو المحتوى الآخر.
التركيز
بالنسبة إلى البطاقات التي يكون غرضها الأساسي هو استيعاب عنصر تفاعلي معيّن (مثل الزر في "الإجراء")، يجب أن ينتقل التركيز مباشرةً إلى هذا العنصر، وليس إلى حاوية البطاقة. تصبح البطاقة قابلة للتركيز عندما تمثّل عنصرًا واحدًا يمكن التنقّل فيه، مثل إدخال في قائمة. يوفّر ذلك تجربة مستخدم أكثر مباشرةً وسهولةً.
بطاقة يتم التركيز عليها كعنصر قائمة
يتم التركيز على زرّ داخل بطاقة باعتباره العنصر القابل للتنفيذ.
التخصيص
| الخصائص | التخصيص | الإعدادات التلقائية |
|---|---|---|
| الشكل | نعم | متوسط |
| مساحة متروكة | نعم | 24 وحدة بكسل مستقلة عن الكثافة، 24 وحدة بكسل مستقلة عن الكثافة |
| الحدود | نعم | 2 dp، #606460 |
| نص | نعم | Body Small |
| الرمز السابق | نعم | 56 dp |
| الرمز اللاحق | نعم | 56 dp |