RemoteControl

التحكم عن بعد

يوضح تطبيق العينة كيفية التعامل مع مدخلات المستخدم مثل التحكم عن بُعد Magic ، والتحكم عن بُعد التقليدي ، ولوحة المفاتيح الخارجية. يمكنك معرفة الرموز الرئيسية الكاملة للسيطرة عن بُعد مع هذه العينة. لمزيد من المعلومات حول Magic Remote Control ، انظر Magic Remote.

سلوك التحكم عن بعد الأساسي

تصف القائمة التالية مبادئ المعالجة الأساسية لمدخلات المستخدمين للتحكم عن بُعد.

• يجب أن تكون عناصر واجهة المستخدم القابلة للاختيار قابلة للملاحة بالكامل بواسطة مؤشر الشاشة ومفاتيح التنقل 4 في اتجاهين (لأعلى ، لأسفل ، اليسار ، واليمين)
• يجب أن تعمل عناصر واجهة المستخدم القابلة للتحديد بنفس الطريقة عند التحكم فيها بواسطة مؤشر الشاشة وعند التحكم فيها بواسطة زر OK.
• يجب تركيز أحد عناصر واجهة المستخدم. هذا خطأ شائع يرتكبهم المطورون ، لذا تحقق مما يلي:
  • عندما يختفي المؤشر من الشاشة عن طريق إدخال مفاتيح التنقل ، يجب أن يتحول التركيز من قبل المؤشر إلى التركيز بواسطة مفاتيح التنقل.
  • على عكس ما سبق ، عندما يتم تنشيط المؤشر وينتقل إلى عنصر واجهة المستخدم ، يجب أن يتم تحويل تركيز مفاتيح التنقل إلى التركيز من قبل المؤشر على الموضع الحالي.
• تأثير الاختيار إلزامي لإظهار العنصر الذي يتم تنشيطه. تأثيرات الاختيار المحتملة هي الرسوم المتحركة أو التمييز أو اللون أو تغيير الحجم ، إلخ.
• يمكن التحكم في الصفحة والقائمة بشكل مناسب باستخدام عجلة جهاز التحكم عن بُعد السحري.

لمزيد من المعلومات حول إرشادات واجهة المستخدم ، راجع قائمة مراجعة UX.

إضافة مستمعين الأحداث

كيفية العثور على الرموز الرئيسية

يمكنك الحصول على رمز المفاتيح للأحداث الرئيسية عن طريق إضافة مستمع حدث keydown .

 document . addEventListener (
  "keydown" ,
  function ( event ) {
    console . log ( "keydown" , event . keyCode ) ;
  } ,
  false
) ;

كيفية التعامل مع السحر عن بعد

عند استخدام جهاز تأشير (Magic Remote أو Mouse) لنقل المؤشر إلى عنصر أو أحد عناصره الفرعية ، يتم رفع حدث mouseover . للتعامل مع حدث mouseover ، أضف مستمع الحدث إلى عنصر المستند.

 document . addEventListener (
  "mouseover" ,
  function ( event ) {
    console . log ( "mouseover" , event . target . id ) ;
  } ,
  false
) ; 

يؤدي إلى تلفزيون WebOS

يمكنك تثبيت تطبيق Sample ومشاهدة Sample App يؤدي إلى تلفزيون WebOS كما في الصورة التالية.

افعل ولا تفعل

• قم باختبار نموذج التطبيق هذا على أجهزة WebOS TV أو محاكاة WebOS TV.
• لا تحاول العثور على رمز المفاتيح لمفتاح طاقة التلفزيون. تلفزيون WebOS لا يوفره.

مرجع

لنقل التركيز بين عناصر واجهة المستخدم بواسطة مفاتيح التنقل 4 اتجاهات ، يتم استخدام التنقل المكاني.