الرموز التكيُّفية

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

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

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

  

  الشكل 1: تتيح الرموز التكيُّفية استخدام مجموعة متنوعة من الأقنعة التي تختلف من جهاز لآخر.

• التأثيرات المرئية: يتيح الرمز التكيُّفي مجموعة متنوعة من التأثيرات المرئية الجذابة التي تظهر عندما يضع المستخدمون الرمز أو يحرّكونه على الشاشة الرئيسية.

  

  الشكل 2. أمثلة على المؤثرات البصرية التي يعرضها رمز تكيّفي

  ملاحظة: يتم إنشاء المؤثرات البصرية الحركية من خلال مشغّلات التطبيقات المتوافقة. قد تختلف المؤثرات البصرية من مشغّل إلى آخر.

• تخصيص المظهر من قِبل المستخدم: بدءًا من الإصدار 13 من نظام التشغيل Android (المستوى 33 لواجهة برمجة التطبيقات)، يمكن للمستخدمين تخصيص مظهر الرموز التكيّفية. إذا فعّل المستخدم رموز التطبيقات المتوافقة مع المظهر في إعدادات النظام، وكان مشغّل التطبيقات يتيح هذه الميزة، يستخدم النظام تلوين الخلفية والمظهر اللذين اختارهما المستخدم لتحديد لون تظليل رموز التطبيقات التي تحتوي على طبقة monochrome في رمزها التكيّفي. اعتبارًا من الإصدار Android 16 QPR 2، يطبّق Android تلقائيًا المظهر على رموز التطبيقات التي لا توفّر مظهرًا خاصًا بها.

  

  الشكل 3. الرموز التكيُّفية التي تكتسب مظهرها من خلفية الشاشة والمظاهر التي يختارها المستخدم

  في السيناريوهات التالية، لا تعرض الشاشة الرئيسية رمز التطبيق المتوافق مع المظهر، بل تعرض رمز التطبيق التكيُّفي أو العادي:

  • إذا لم يفعّل المستخدم رموز التطبيقات المستوحاة من موضوع معيّن
  • إذا لم يوفّر تطبيقك رمز تطبيق أحادي اللون وكان جهاز المستخدم يعمل بإصدار Android أقدم من الإصدار الربع سنوي الثاني لنظام Android 16 الأساسي (QPR2)
  • إذا كان مشغّل التطبيقات لا يتيح رموز التطبيقات المستوحاة من موضوع معيّن

تصميم رموز تكيُّفية

لضمان توافق الرمز التكيُّفي مع الأشكال المختلفة والتأثيرات المرئية والمظاهر التي يختارها المستخدم، يجب أن يستوفي التصميم المتطلبات التالية:

• يجب توفير طبقتَين للنسخة الملوّنة من الرمز: طبقة للمقدمة وطبقة للخلفية. يمكن أن تكون الطبقات إما متجهات أو صور نقطية، على الرغم من تفضيل المتجهات.

  

  الشكل 4. الرموز التكيُّفية المحدّدة باستخدام طبقات المقدّمة والخلفية المنطقة الآمنة التي تبلغ مساحتها 66×66 هي المنطقة التي لا يتم اقتصاصها مطلقًا بواسطة قناع على شكل محدّد من قِبل المصنّع الأصلي للجهاز.

  

  الشكل 5 مثال على شكل طبقتَي المقدّمة والخلفية معًا مع تطبيق قناع دائري

• إذا أردت إتاحة إمكانية تخصيص المستخدمين لرموز التطبيقات، يمكنك توفير طبقة واحدة للإصدار الأحادي اللون من الرمز.

  

  الشكل 6 طبقة رمز أحادية اللون (على اليمين) مع أمثلة على معاينات الألوان (على اليسار)

• اضبط حجم جميع الطبقات على 108×108 بكسل مستقل الكثافة.

• استخدِم رموزًا ذات حواف واضحة. يجب ألا تحتوي الطبقات على أقنعة أو ظلال خلفية حول المخطط التفصيلي للرمز.

• استخدِم شعارًا لا يقلّ حجمه عن 48×48 بكسل مستقل الكثافة. ويجب ألا يتجاوز حجمه ‎66x66 dp، لأنّ الجزء الداخلي من الرمز بحجم ‎66x66 dp يظهر داخل إطار العرض المقنَّع.

يتم تخصيص مساحة 18 وحدة بكسل مستقلة الكثافة على كل جانب من الجوانب الأربعة للطبقات للقناع وإنشاء تأثيرات مرئية مثل اختلاف المنظر أو النبض.

تنبيه: إذا لم يتم تعديل رمز مشغّل التطبيقات باستخدام الطبقات اللازمة، لن يظهر الرمز متسقًا مع الرموز الأخرى التي يعرضها النظام ولن يدعم المؤثرات البصرية.

لمعرفة كيفية إنشاء رموز تكيُّفية باستخدام "استوديو Android"، يُرجى الاطّلاع على نموذج Figma لرموز تطبيقات Android أو مستندات "استوديو Android" لإنشاء رموز مشغّل التطبيقات. يمكنك أيضًا الاطّلاع على منشور المدوّنة تصميم الرموز التكيُّفية.

إضافة الرمز التكيُّفي إلى تطبيقك

يتم تحديد الرموز التكيُّفية، تمامًا مثل الرموز غير التكيُّفية، باستخدام السمة android:icon في بيان التطبيق.

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

يوضّح مقتطف الرمز التالي هاتين السمتَين، ولكن معظم التطبيقات تحدّد السمة android:icon فقط:

<application
    ...
    android:icon="@mipmap/ic_launcher"
    android:roundIcon="@mipmap/ic_launcher_round"
    ...>
</application>

بعد ذلك، احفظ الرمز التكيُّفي في res/mipmap-anydpi-v26/ic_launcher.xml. استخدِم العنصر <adaptive-icon> لتحديد موارد الطبقة الأمامية والخلفية والأحادية اللون للرموز. تتيح العناصر الداخلية <foreground> و<background> و<monochrome> استخدام كل من الصور المتجهة والصور النقطية.

يوضّح المثال التالي كيفية تحديد العناصر <foreground> و<background> و<monochrome> داخل <adaptive-icon>:

<?xml version="1.0" encoding="utf-8"?>
...
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@drawable/ic_launcher_background" />
    <foreground android:drawable="@drawable/ic_launcher_foreground" />
    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
</adaptive-icon>
...

تستخدم طبقات المقدّمة والطبقات الأحادية اللون العنصر القابل للرسم نفسه. ومع ذلك، يمكنك إنشاء عناصر قابلة للرسم منفصلة لكل طبقة إذا لزم الأمر.

يمكنك أيضًا تحديد العناصر القابلة للرسم كعناصر من خلال تضمينها في العناصر <foreground> و<background> و<monochrome>. يوضّح المقتطف التالي مثالاً على تنفيذ ذلك باستخدام العنصر القابل للرسم في المقدّمة.

<?xml version="1.0" encoding="utf-8"?>
...
<foreground>
   <inset
       android:insetBottom="18dp"
       android:insetLeft="18dp"
       android:insetRight="18dp"
       android:insetTop="18dp">
       <shape android:shape="oval">
           <solid android:color="#0000FF" />
       </shape>
   </inset>
</foreground>
...

إذا أردت تطبيق القناع والتأثير المرئي نفسه على الاختصارات مثل الرموز التكيُّفية العادية، استخدِم إحدى الطريقتين التاليتين:

• بالنسبة إلى الاختصارات الثابتة، استخدِم العنصر <adaptive-icon>.
• بالنسبة إلى الاختصارات الديناميكية، يمكنك استدعاء الطريقة createWithAdaptiveBitmap() عند إنشائها.

لمزيد من المعلومات حول تنفيذ الرموز التكيُّفية، يُرجى الاطّلاع على تنفيذ الرموز التكيُّفية. لمزيد من المعلومات حول الاختصارات، يُرجى الاطّلاع على نظرة عامة على اختصارات التطبيقات.

مراجع إضافية

يمكنك الاطّلاع على المراجع التالية للحصول على معلومات إضافية حول تصميم الرموز التكيُّفية وتنفيذها.

• نموذج صفحة منتدى Figma
• التعرّف على الرموز التكيُّفية في Android
• تصميم الرموز التكيُّفية
• تنفيذ الرموز التكيُّفية
• إنشاء رموز التطبيقات في "استوديو Android"
• مواصفات تصاميم رموز التطبيقات على Google Play