يمكن أن تحتوي البطاقات على مجموعة متنوعة من المعلومات، مثل النصوص أو الرموز أو الصور أو ردود 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 وحدة بكسل مستقلة الكثافة |
| الرمز اللاحق | نعم | 56 وحدة بكسل مستقلة الكثافة |