Как пользователи взаимодействуют с устройствами ввода (HTML)
[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. При разработке приложений для Windows 10 см. раздел последняя документация]
Ниже перечислены общие способы взаимодействия и способы их сопоставления с жестами касания, сенсорной панелью, мышью, клавиатурой и пером для 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 | Нет |
| Обратная связь взаимодействия | ||||
| Зрительные образы сенсорного ввода | Движение курсора, изменения курсора | Движение курсора, изменения курсора | Прямоугольники фокуса | Зрительные образы для пера |
Связанные разделы
Понятия
Реакция на взаимодействие с пользователем
Взаимодействие с помощью сенсорного ввода
Справочные материалы
Примеры (DOM)
Пример прокрутки, сдвига и масштабирования на HTML
Ввод: пример обработки событий указателя DOM
Ввод: пример пользовательских жестов
Примеры (API приложения Магазина Windows)
Ввод: пример управления и жестов (JavaScript)
Ввод: пример жестов в Windows 8
Ввод: пример событий пользовательского ввода на XAML
Пример прокрутки, сдвига и масштабирования на XAML
Примеры (DirectX)