Язык: HTML | XAML

Как пользователи взаимодействуют с устройствами ввода (HTML)

Applies to Windows only

Ниже перечислены общие способы взаимодействия и способы их сопоставления с жестами касания, сенсорной панелью, мышью, клавиатурой и пером для Windows 8.1.

См. этот компонент в действии в нашей серии Компоненты приложения от начала до конца.:  Взаимодействие с пользователем: сенсорный ввод... и сверх того

Взаимодействия и устройства

Windows 8.1 поддерживает различные устройства ввода — от сенсорной панели до клавиатуры. Также предоставляются интуитивно понятные и эффективные способы взаимодействия, уникальные для каждого устройства, но функционально согласованные для разных устройств и режимов, такие как сенсорная клавиатура, колесико мыши и резинка пера.

Разрабатывайте пользовательский интерфейс приложения Магазина Windows, ориентируясь на касания, но учитывайте при этом возможность использования различных устройств, таких как:

  • Сенсорная клавиатура, работающая с касаниями и действиями мышью
  • Мышь
  • Перо, специализированное для рукописного ввода
  • Клавиатуры для редактирования текста и использования сочетаний клавиш

КасаниеСенсорная панельМышьКлавиатура (оборудование)Перо
Выделение
Прокрутка в обратном направлении (см. Рекомендации для скольжения по диагонали)Касание двумя пальцамиЩелчок правой кнопкой Пробел Прокрутка в обратном направлении (см. Рекомендации для скольжения по диагонали)
Отображение панели приложения
Проведение от верхнего или нижнего краяПроведение от верхнего или нижнего краяЩелчок правой кнопкойКлавиша Windows+Z, клавиша менюПроведение от верхнего или нижнего края
Отображение чудо-кнопок
Проведение от правого краяПроведение от правого края Наведение на верхний или нижний правый угол Клавиша с логотипом Windows+CПроведение от правого края
Контекстное меню
Касание выбранного текста, нажатие и удерживаниеКасание двумя пальцами выбранного текста, нажатие и удерживаниеЩелчок правой кнопкойКлавиша менюКасание выбранного текста, нажатие и удерживание
Запуск или активация
КасаниеКасаниеЩелчок левой кнопкой ВводКасание
Короткая прокрутка
Скользящее движениеСкользящее движениеПолоса прокрутки, клавиши со стрелками, левый щелчок и скользящее движение Клавиши со стрелкамиПолоса прокрутки
Длинная прокрутка
Скользящее движение (включая движение по инерции) Скользящее движение двумя пальцами (включая движение по инерции)Полоса прокрутки, колесико мыши, щелчок левой кнопкой и скользящее движение На страницу вверх, на страницу вниз Полоса прокрутки
Изменение порядка (перетаскивание)
Прокрутка в обратном направлении за пороговое расстояние (см. руководство по скольжению по диагонали)Нажатие, удерживание и скользящее движениеЛевый щелчок и скользящее движение CTRL+C или CTRL+X, CTRL+VПрокрутка в обратном направлении за пороговое расстояние (см. руководство по скольжению по диагонали)
Масштабирование
Сжатие, растяжениеСжатие, растяжениеКолесико мыши, CTRL+колесико мыши, команда пользовательского интерфейсаCTRL+плюс (+) или минус (–)Команда пользовательского интерфейса
Поворот
ВращениеВращениеCTRL+SHIFT+колесико мыши, команда пользовательского интерфейсаCTRL+плюс (+) или минус (–)Команда пользовательского интерфейса
Курсор вставки, выделение текста
Касание, касание с захватомКасаниеЛевый щелчок+скользящее движение, двойной щелчокКлавиши со стрелками, SHIFT+клавиши со стрелками, CTRL+клавиши со стрелками и т. д. Касание, касание с захватом
Дополнительная информация
Нажатие и удерживаниеНажатие и удерживаниеНаведение (с пороговым значением времени)Перемещение прямоугольника фокуса (с пороговым значением времени) Нажатие и удерживание
Перемещение фокуса
Нет Нет Нет Клавиши со стрелками, клавиша TABНет
Обратная связь взаимодействия
Зрительные образы сенсорного вводаДвижение курсора, изменения курсораДвижение курсора, изменения курсораПрямоугольники фокусаЗрительные образы для пера

 

Связанные разделы

Понятия
Реакция на взаимодействие с пользователем
Взаимодействие с помощью сенсорного ввода
Ссылки
Windows.UI.Core
Windows.UI.Input
Windows.UI.Xaml.Input
Примеры (DOM)
Пример прокрутки, сдвига и масштабирования на HTML
Ввод: пример обработки событий указателя DOM
Ввод: пример пользовательских жестов
Примеры (API приложения Магазина Windows)
Ввод: пример управления и жестов (JavaScript)
Ввод: пример жестов в Windows 8
Ввод: пример событий пользовательского ввода на XAML
Пример прокрутки, сдвига и масштабирования на XAML
Примеры (DirectX)
пример сенсорного ввода в DirectX
Ввод: пример управления и жестов (C++)

 

 

Показ:
© 2014 Microsoft