الرمز التكيُّفي
AdaptiveIconDrawable
،
قد تظهر بشكل مختلف بناءً على إمكانات الجهاز الفردي والمستخدم
حسب الموضوع. يتم استخدام الرموز التكيُّفية بشكل أساسي بواسطة المشغل على الشاشة الرئيسية،
ولكن يمكن استخدامها أيضًا في الاختصارات
وتطبيق "الإعدادات" ومربعات حوار المشاركة
شاشة النظرة العامة. ويتم استخدام الرموز التكيُّفية في جميع أشكال أجهزة Android.
على عكس الصورة النقطية الصور، يمكن للأيقونات التكيُّفية التكيّف مع حالات الاستخدام المختلفة:
الأشكال المختلفة: يمكن للرمز التكيُّفي عرض أشكال مختلفة عبر طُرز الأجهزة المختلفة. على سبيل المثال، يمكن عرض شكل دائري على أحد أجهزة المصنّع الأصلي للجهاز، وتعرض شكل مربّع (شكل بين مربّع دائرة) على جهاز آخر. على كل مُصنّع أصلي للأجهزة توفير قناع الذي يستخدمه النظام لعرض جميع الرموز التكيُّفية بالشكل نفسه.
الشكل 1. تدعم الأيقونات التكيفية مجموعة متنوعة من الأقنعة التي تختلف من جهاز إلى آخر التأثيرات المرئية: يتيح الرمز التكيُّفي استخدام مجموعة متنوّعة من العناصر المرئية التفاعلية. التأثيرات، التي تظهر عندما يضع المستخدمون الرمز أو يحرّكونه في جميع أنحاء المنزل الشاشة.
الشكل 2. أمثلة على التأثيرات المرئية التي يعرضها أيقونة تكيُّفية. مواضيع المستخدم: بدءًا من Android 13 (المستوى 33)، يمكن للمستخدمين اختيار المظهر الأيقونات التكيفية الخاصة بهم. إذا فعَّل المستخدم رموز التطبيقات المستوحاة من موضوع معيّن، عن طريق تفعيل يمكن تبديل الرموز المستوحاة من موضوع معيّن في إعدادات النظام ويتوافق مشغّل التطبيقات مع هذه الميزة. سيستخدم النظام تلوين الخلفية التي يختارها المستخدم الموضوع لتحديد لون درجة اللون.
الشكل 3. الرموز التكيُّفية المكتسَبة من خلفية المستخدم ومظاهره. في السيناريوهات التالية، لا تعرض الشاشة الرئيسية مظهرًا رمز التطبيق، ويعرض بدلاً من ذلك رمز التطبيق التكيُّفي أو العادي:
- إذا لم يفعّل المستخدم رموز التطبيقات المستوحاة من موضوع معيّن
- إذا لم يوفّر تطبيقك رمزه أحادي اللون.
- إذا كان مشغّل التطبيقات لا يتوافق مع رموز التطبيقات المستوحاة من موضوع معيّن.
تصميم الأيقونات التكيفية
للتأكد من توافق الرمز التكيُّفي مع الأشكال والتأثيرات المرئية حسب مواضيع المستخدم، يجب أن يفي التصميم بالمتطلبات التالية:
يجب توفير طبقتين لإصدار اللون من الرمز: طبقة والأخرى للخلفية. يمكن أن تكون الطبقات إما متجهات أو الصور النقطية، على الرغم من تفضيل المتجهات.
الشكل 4. الرموز التكيُّفية التي يتم تحديدها باستخدام المقدّمة وطبقات الخلفية. المنطقة الآمنة المعروضة بحجم 66×66 هي المنطقة لا يتم تثبيته أبدًا بقناع شكله مُحدّد من قِبل المصنّع الأصلي للجهاز. الشكل 5. مثال على كيفية عمل المقدمة تبدو طبقات الخلفية معًا مع تطبيق قناع دائري. إذا كنت ترغب في دعم موضوعات المستخدم لأيقونات التطبيقات، فقم بتوفير طبقة واحدة النسخة أحادية اللون من الأيقونة.
الشكل 6. طبقة الأيقونة أحادية اللون (اليسار) مع أمثلة لمعاينات الألوان (يمين). اضبط حجم جميع الطبقات على 108x108 بكسل مستقل الكثافة.
استخدام الرموز ذات الحواف الواضحة يجب ألا تحتوي الطبقات على أقنعة أو خلفية الظلال حول مخطط الأيقونة.
استخدِم شعارًا لا يقل حجمه عن 48x48 وحدة بكسل مستقلة الكثافة. يجب ألا يتجاوز 66x66 بكسل مستقل الكثافة لأن حجم 66x66 dp الداخلي للرمز يظهر داخل العلامة إطار العرض.
يوضع الجزء الخارجي الذي يبلغ 18 dp على كل جانب من الجوانب الأربعة للطبقات الإخفاء وإنشاء مؤثرات بصرية مثل اختلاف المنظر أو الوميض.
للتعرّف على كيفية إنشاء رموز تكيّفية باستخدام "استوديو Android"، يُرجى مراجعة تطبيق Android أيقونة Figma نموذج أو مستندات "استوديو Android" لإنشاء مشغّل التطبيقات . كذلك، فراجع مشاركة المدونة Designing Adaptive الرموز .
إضافة الرمز التكيُّفي إلى تطبيقك
يتم تحديد الرموز التكيُّفية، مثل الرموز غير التكيفية، باستخدام السمة
السمة 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" /> // Starting with Android 13 (API level 33), you can opt-in to providing a // <monochrome> drawable. <monochrome android:drawable="@drawable/ic_launcher_monochrome" /> </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