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

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

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

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

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

يتضمّن كل منها مجموعة من 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.

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

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

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

  • تحتوي كل لوحة ألوان على 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.