مدونة مطوري Android: HDR وواجهات المستخدم

أرسلت بواسطة أليك موري – مهندس البرمجيات

كما هو موضح في ما هو HDR؟ ، يمكننا أن نفكر في HDR على أنه يشير فقط إلى نطاق النصوع أكثر إشراقًا من SDR. عند دمج محتوى HDR في واجهة مستخدم ، يجب أن تكون حذراً عندما تكون واجهة المستخدم الخاصة بك في المقام الأول ألوان وأصول SDR. يتكيف النظام البصري البشري مع اللون المتصور بناءً على البيئة المحيطة ، والتي يمكن أن تؤدي إلى نتائج مفاجئة. سننظر في مثال واحد وثيق الصلة.

التباين في وقت واحد

النظر في الصورة التالية:

تُظهر هذه الصورة اثنين من المستطيلات الرمادية بألوان خلفية مختلفة. بالنسبة لمعظم الأشخاص الذين يشاهدون هذه الصورة ، يبدو أن المستطيلتين الرماديتين هو ظلال مختلفة من الرمادي: يبدو أن المستطيل الأعلى ذو الخلفية الداكنة هو ظل أخف من مستطيل Bottommost مع خلفية أخف.

ولكن هذه هي نفس ظلال الرمادي! يمكنك إثبات ذلك لنفسك باستخدام أداة اختيار الألوان المفضلة لديك أو عن طريق النظر إلى الصورة أدناه:

هذا يوضح ظاهرة بصرية تسمى التباين المتزامن. قد يتعلم القراء المهتمين بالتفسير البيولوجي المزيد هنا.

لذلك يتم “التأكيد” على الاختلافات القريبة في اللون: تظهر الألوان أغمق عندما تكون بجوار ألوان أكثر إشراقًا مباشرة. سيظهر نفس اللون أخف وزناً عندما يكون بجوار الألوان الداكنة مباشرة.

الآثار المترتبة على خلط HDR و SDR

يؤثر تأثير التباين المتزامن على ظهور واجهات المستخدم التي تحتاج إلى تقديم مزيج من محتوى HDR و SDR. ستخلق الذروة التي يسمح بها HDR تأثير تباين متزامن: سوف تتكيف العين* إلى أعلى ذروة النصوع (وفي كثير من الأحيان يكون متوسط ​​اللمعان المتوسط ​​في الممارسة) ، مما سيؤدي إلى ظهور محتوى SDR بشكل إدراكي على الرغم من أنه من الناحية الفنية لم يتغير نصوص محتوى SDR على الإطلاق. بالنسبة للمستخدمين ، يمكن التعبير عن ذلك على النحو التالي: أصبحت شاشة هاتفي “رمادية” أو “غسلها”.

يمكننا أن نرى هذه الظاهرة في الصورة أدناه. يحاكي الجهاز الموجود على اليمين كيف يمكن أن تظهر الصور مع واجهة مستخدم SDR ، إذا تم تقديم تلك الصور كـ HDR. لاحظ أن صور أغسطس تبدو متطابقة عند مقارنتها جنبًا إلى جنب ، لكن جودة واجهة المستخدم SDR تتحلل بصريًا.

تحتاج التطبيقات ، عند التصميم لـ HDR ، إلى التفكير في كيفية عرض SDR “كثيرًا” في أي وقت معين في شاشاتها عند التحكم في كيفية “HDR” الساطعة. واجهة المستخدم التي تهيمن عليها SDR ، مثل عرض المعرض حيث يتم عرض كميات صغيرة من محتوى HDR ، يمكن أن تكون فجأة أغمق من المتوقع.

عند بناء واجهة المستخدم الخاصة بك ، فكر في تأثير HDR على وضوح النص أو ظهور أصول SDR القريبة ، واستخدم واجهات برمجة التطبيقات المناسبة التي توفرها النظام الأساسي لتقييد سطوع HDR ، أو حتى تعطيل HDR. على سبيل المثال ، قد تكون مساحة رأس 2x للاطالى HDR مقبولًا لتحقيق التوازن بين جودة مشهد HDR الخاص بك مع عناصر SDR الخاصة بك. على النقيض من ذلك ، فإن واجهة المستخدم التي يهيمن عليها HDR ، مثل الفيديو على الشاشة الكاملة دون عناصر واجهة المستخدم الأخرى في الجزء العلوي ، لا تحتاج إلى النظر في هذا بقوة ، حيث أن تركيز واجهة المستخدم على محتوى HDR نفسه. في تلك المواقف ، قد تكون مساحة رأس 5x (أو أعلى ، اعتمادًا على بيانات تعريف المحتوى مثل MAX_CONTENT_BOOST من Ultrahdr) أكثر ملاءمة.

قد يكون من المغري “إشراق” محتوى SDR بدلاً من ذلك. مقاومة هذا الإغراء! سيؤدي هذا إلى أن يكون تطبيقك أيضاً مشرق ، خاصة إذا كانت هناك تطبيقات أخرى أو عناصر واجهة المستخدم على الشاشة.

كيفية التحكم في قاعة HDR

قدم Android 15 تحكمًا في غرفة HDR المطلوبة. يمكنك الحصول على طلب التطبيق الخاص بك بأن يستخدم النظام غرفة HDR معينة بناءً على السياق حول واجهة المستخدم المطلوبة:

• إذا كنت ترغب فقط في إظهار محتوى SDR ، فما عليك سوى طلب أي قاعة رأس.
• إذا كنت ترغب فقط في إظهار محتوى HDR ، فاطلب من غرفة HDR عالية إلى ووفقًا لمتطلبات المحتوى.
• إذا كنت ترغب في إظهار مزيج من محتوى HDR و SDR ، فيمكنك طلب قيمة غرفة وسيطة وفقًا لذلك. ستكون المبالغ النموذجية في المقدمة حوالي 2x لمشهد مختلط و 5-8x لمشهد HDR بالكامل.

إليك بعض الأمثلة على الاستخدام:

// Required for the window to respect the desired HDR headroom.
// Note that the equivalent api on SurfaceView does NOT require
// COLOR_MODE_HDR to constraint headroom, if there is HDR content displayed
// on the SurfaceView.
window.colorMode = ActivityInfo.COLOR_MODE_HDR
// Illustrative values: different headroom values may be used depending on
// the desired headroom of the content AND particularities of apps's UI
// design.
window.desiredHdrHeadroom =
    if(/* SDR only */) {
        0f
    } else {
        if (/* Mixed, mostly SDR */) {
            1.5f
        } else {
            if ( /* Mixed, mostly HDR */) {
                3f
            } else { 
                /* HDR only */
                5f
            }
        }
    }

تحتوي المنصات الأخرى أيضًا على واجهات برمجة التطبيقات التي تسمح للمطورين بالتحكم في تقييد محتوى HDR في تطبيقهم.

تتمتع منصات الويب بمفهوم أكثر خشنًا: يضيف أول مسودة عمل عامة لوحدة CSS Color HDR خيارًا متقيدًا لتقييد مساحة الرأس لمشاهد HDR و SDR المختلطة. ضمن النظام البيئي Apple ، يكون CrosntraintHigh خشنًا بالمثل ، ويحسب مع تحديات عرض مشاهد HDR و SDR المختلطة على شاشات العرض الاستهلاكية.

إذا كنت مطورًا يفكر في دعم HDR ، فستكون مدروسًا حول كيفية تفاعل HDR مع واجهة المستخدم الخاصة بك واستخدام أدوات التحكم في HDR بشكل مناسب.

*هناك آليات أخرى تستخدمها العين للتكيف الخفيف ، مثل رد الفعل الخفيف المتدني ، الذي يضخّم هذه الظاهرة البصرية (ضوء الذروة الأكثر إشراقًا يعني أن التلاميذ يقيد ، مما يؤدي إلى انخفاض الضوء على شبكية العين).