RemoteControl

Дистанционное управление

В этом примере показано, как обрабатывать пользовательские входы, такие как Magic Remote Dething, обычный пульт дистанционного управления и внешняя клавиатура. Вы можете выяснить все ключевые коды пульта дистанционного управления с помощью этого образца. Для получения дополнительной информации о волшебном пульте дистанционного управления см. Magic Remote.

Основное поведение дистанционного управления

В следующем списке описываются основные принципы обработки для пользовательских входов пульта дистанционного управления.

• Выбираемые элементы пользовательского интерфейса должны быть полностью судоходными с помощью экрана и 4-направленных навигационных клавиш (вверх, вниз, слева и справа)
• Выбираемые элементы пользовательского интерфейса должны действовать так же, когда контролируются курсором экрана и при управлении кнопкой OK.
• Один из элементов пользовательского интерфейса должен быть сосредоточен. Это распространенная ошибка, которую делают разработчики, поэтому проверьте следующее:
  • Когда курсор исчезает с экрана, входя в навигационные клавиши, фокус от курсора должен быть переключен на фокусировку навигационными клавишами.
  • В отличие от вышесказанного, когда курсор активируется и перемещается на элемент пользовательского интерфейса, фокус на навигационных клавишах должна быть переключена на фокус курсором в текущем положении.
• Эффект отбора обязателен, чтобы показать, какой элемент активирован. Возможные эффекты отбора - анимация, выделение, цвет или изменение размера и т. Д.
• Прокрутка страницы и списка можно правильно управлять с помощью колеса волшебного пульта.

Для получения дополнительной информации о руководящих принципах пользовательского интерфейса см. Контрольный список UX.

Добавление слушателей событий

Как найти коды ключей

Вы можете получить код ключей событий ключей, добавив прослушиватель событий keydown .

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

Как справиться с волшебным пультом

Когда для перемещения курсора на элемент или одного из его дочерних элементов используется настройка (волшебное пульт или мышь), событие mouseover . Чтобы справиться с событием mouseover , добавьте слушатель событий в элемент документа.

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

Привести к телевизору WebOS

Вы можете установить приложение Sample и увидеть пример приложения, который приведет в Webos TV, как на следующем изображении.

Сделай и не делает

• Проверьте это примеры приложения на ваших телевизионных устройствах Webos или Simulator Webos TV.
• Не пытайтесь найти ключ ключа питания телевизора. Webos TV не предоставляет его.

Ссылка

Чтобы переместить фокус между элементами пользовательского интерфейса с помощью 4-направленных навигационных клавиш, используется пространственная навигация.