ألوان ديناميكية

تم طرح تصميم Material You مع إصدار Android 12، وتم توسيعه مع Android 13.

تركّز هذه الصفحة على التعديلات التي أُجريت على منطق Material You لمساعدتك في دمج ميزة الألوان الديناميكية بشكل أفضل.

لوحات الألوان الدرجات اللونية الديناميكية

بدءًا من الإصدار 12 من نظام التشغيل Android، تتوفّر لوحات الألوان التالية:

• system_accent1_0
• system_accent2_0
• system_accent3_0
• system_neutral1_0
• system_neutral2_0)

يتضمّن كل منها مجموعة من 13 لونًا مع قيم إضاءة مختلفة محدّدة كما هو موضّح في R.color، ولكن مع قيم غير محدّدة للدرجة اللونية والتشبّع اللوني يمكن أن ينشئها نظام Android بشكل ديناميكي في وقت التشغيل.

أنماط المظهر للألوان التفاعلية

بدءًا من نظام التشغيل Android 13، تتوفّر ستة أنماط مختلفة للسمات مع اختلافات في خوارزمية الألوان الديناميكية التي تلبي احتياجات المطوّرين وتوقعات التباين. في ما يلي قائمة بها لإنشاء 65 لونًا ديناميكيًا تستخدمه التطبيقات:

• TONAL_SPOT هي لوحة ألوان متوسطة الحيوية تستخدم لون system_accent3_0 مشابهًا للون system_accent1_0 (تم نقلها من إصدار Android 12 وتعديلها قليلاً).
• VIBRANT هي لوحة ألوان عالية الحيوية تمزج بشكل متناغم بين التغيير الطفيف بين الألوان.
• EXPRESSIVE هي لوحة ألوان نابضة بالحياة تجمع بين ألوان مميزة وغير متوقّعة.
• ‫SPRITZ هي لوحة ألوان منخفضة الحيوية تنشئ تأثيرًا ناعمًا بين الألوان.
• تستخدم RAINBOW كلاً من اللمسات اللونية والأسطح المحايدة لتقديم تجربة ألوان أكثر دقة للمستخدمين.
  • لا يُنصح باستخدام هذه الطريقة مع استخراج الألوان من الخلفية، بل يجب استخدامها مع مظاهر الألوان الثابتة.
• توفّر FRUIT_SALAD ألوانًا بدرجتين لمنح المستخدمين المزيد من التعبير.
  • لا يُنصح باستخدام هذه الطريقة مع استخراج الألوان من الخلفية، بل يجب استخدامها مع مظاهر الألوان الثابتة.

يتم تحديد مظهر النظام من خلال الإعداد نفسه الذي كان متاحًا في Android 12، وهو Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES. في نظام التشغيل Android 13، يتطلّب ذلك مفتاحًا واحدًا فقط في ملف JSON الذي يرسل لون المصدر لإنشاء 65 لوحة ألوان:

{
    "android.theme.customization.system_palette":"746BC1"
}

نمط المظهر التلقائي هو TONAL_SPOT، ولكن يمكنك اختياريًا تحديد أحد أنماط المظهر الأخرى باستخدام مفتاح إضافي مع JSON أعلاه:

{
    "android.theme.customization.system_palette":"746BC1"
    "android.theme.customization.theme_style":"EXPRESSIVE"
}

دمج الألوان الديناميكية

للاطّلاع على إرشادات حول دمج الألوان الديناميكية، راجِع دمج تصميم Material You.

الأسئلة الشائعة

ما الذي تتضمّنه واجهة برمجة التطبيقات الخاصة بلوحة الألوان الديناميكية؟

• تتوفّر خمس لوحات ألوان:

  • system_accent1
  • system_accent2
  • system_accent3
  • system_neutral1
  • system_neutral2

• تحتوي كل لوحة ألوان على 13 قيمة لونية تنتهي بالفهارس 0 و10 و50 و100 و200 و300 و400 و500 و600 و700 و800 و900 و1000.

• واجهة برمجة التطبيقات الناتجة هي مزيج من اسم لوحة الألوان الدرجات، وتنتهي بالفهرس. على سبيل المثال: R.color#system_accent1_10

كيف يتم إنشاء لوحة ألوان ديناميكية؟

يجب إنشاء لوحة ألوان ديناميكية من لون مصدر واحد يجب استخراجه من الخلفية باستخدام com.android.systemui.monet.ColorScheme#getSeedColors، الذي يوفّر ألوان مصدر متعددة وصالحة. إذا لم يستوفِ أي من الألوان المقدَّمة متطلبات لون المصدر، يجب أن يستخدم لون المصدر الفردي القيمة 0xFF1B6EF3.