Взаимодействие с помощью мыши
Оптимизируйте дизайн приложения Windows для сенсорного ввода и получите базовую поддержку мыши по умолчанию.
Входные данные мыши лучше всего подходят для взаимодействия с пользователем, требующего точности при указании и щелчке. Эта внутренняя точность естественно поддерживается пользовательским интерфейсом Windows, оптимизированным для непреднастояемой природы сенсорного ввода.
Где мышь и сенсорный ввод разбиение — это возможность более тесно эмулировать прямые манипуляции элементами пользовательского интерфейса с помощью физических жестов, выполняемых непосредственно на этих объектах (таких как прокрутка, скольжение, перетаскивание, поворот и т. д.). Манипуляции с мышью обычно требуют некоторых других возможностей пользовательского интерфейса, таких как использование дескрипторов для изменения размера или поворота объекта.
В этом разделе описываются рекомендации по проектированию взаимодействия с мышью.
Язык мыши приложения UWP
Краткий набор взаимодействий с мышью используется последовательно во всей системе.
Срок | Description |
---|---|
Наведите указатель мыши, чтобы узнать |
Наведите указатель мыши на элемент, чтобы отобразить более подробные сведения или обучающие визуальные элементы (например, подсказка) без обязательств по выполнению действия. |
Щелкните левой кнопкой мыши для основного действия |
Щелкните элемент слева, чтобы вызвать его основное действие (например, запуск приложения или выполнение команды). |
Прокрутка, чтобы изменить представление |
Отображение полос прокрутки для перемещения вверх, вниз, влево и вправо в области содержимого. Пользователи могут прокручиваться, щелкнув полосы прокрутки или вращая колесо мыши. Полосы прокрутки могут указывать расположение текущего представления в области содержимого (сдвиг с сенсорным отображением аналогичного пользовательского интерфейса). |
Щелкните правой кнопкой мыши, чтобы выбрать и команду |
Щелкните правой кнопкой мыши панель навигации (если она доступна) и панель приложения с глобальными командами. Щелкните элемент правой кнопкой мыши, чтобы выбрать его и отобразить панель приложения с контекстными командами для выбранного элемента.
Обратите внимание , что щелкните правой кнопкой мыши контекстное меню, если команды выбора или панели приложений не соответствуют поведению пользовательского интерфейса. Но настоятельно рекомендуется использовать панель приложений для всех действий команд.
|
Команды пользовательского интерфейса для масштабирования |
Отображение команд пользовательского интерфейса на панели приложения (например, +и -) или нажатие клавиш CTRL и поворот колесика мыши, чтобы эмулировать жесты сжатием и растяжения для увеличения масштаба. |
Команды пользовательского интерфейса для поворота |
Отображение команд пользовательского интерфейса на панели приложения или нажатие клавиш CTRL+SHIFT и поворот колесика мыши, чтобы эмулировать жест поворота для поворота. Поверните само устройство, чтобы повернуть весь экран. |
Щелкните левой кнопкой мыши и перетащите ее, чтобы изменить порядок |
Щелкните левой кнопкой мыши и перетащите элемент, чтобы переместить его. |
Щелкните левой кнопкой мыши и перетащите текст, чтобы выделить текст |
Щелкните левой кнопкой мыши выделенный текст и перетащите его, чтобы выбрать его. Дважды щелкните, чтобы выбрать слово. |
События ввода мыши
Большинство входных данных мыши можно обрабатывать с помощью распространенных перенаправленных событий ввода, поддерживаемых всеми объектами UIElement. Например:
- BringIntoViewRequested
- CharacterReceived
- ContextCanceled
- ContextRequested
- DoubleTapped
- Перетаскивание
- Перетаскивание
- Перетаскивание
- Перетаскивание
- Drop
- DropCompleted
- ПолучениеFocus
- GotFocus
- Владение
- KeyDown
- KeyUp
- Проигрыш Фокус
- LostFocus
- МанипуляцииCompleted
- ManipulationDelta
- ManipulationInertiaStarting
- ManipulationStarted
- Управление запуском
- NoFocusCandidateFound
- PointerCanceled
- PointerCaptureLost
- Указатель введите
- PointerExited
- PointerMoved
- PointerPressed
- PointerReleased
- PointerWheelChanged
- PreviewKeyDown
- PreviewKeyUp
- RightTapped
- Резьбовое
Однако вы можете воспользоваться определенными возможностями каждого устройства (например, события колесика мыши), используя указатель, жест и события манипуляции в Windows.UI.Input.
Примеры: см. наш пример BasicInput.
Рекомендации по визуальному отзыву
- При обнаружении мыши (через события перемещения или наведения указателя мыши) отображается пользовательский интерфейс, зависящий от мыши, чтобы указать функциональные возможности, предоставляемые элементом. Если мышь не перемещается в течение определенного времени или если пользователь инициирует сенсорное взаимодействие, пользовательский интерфейс мыши постепенно исчезает. Это обеспечивает очистку и отключение пользовательского интерфейса.
- Не используйте курсор для обратной связи наведения указателя мыши, отзывы, предоставляемые элементом, достаточно (см. курсоры ниже).
- Не отображайте визуальный отзыв, если элемент не поддерживает взаимодействие (например, статический текст).
- Не используйте прямоугольники фокуса с взаимодействием мыши. Зарезервировать их для взаимодействия с клавиатурой.
- Одновременно отображать визуальные отзывы для всех элементов, представляющих один и тот же целевой объект ввода.
- Укажите кнопки (например, +и -) для эмулирования сенсорных манипуляций, таких как сдвиг, поворот, масштабирование и т. д.
Дополнительные общие рекомендации по визуальному отзыву см. в рекомендациях по визуальному отзыву.
Курсоры
Набор стандартных курсоров доступен для указателя мыши. Они используются для указания основного действия элемента.
Каждый стандартный курсор имеет соответствующее изображение по умолчанию, связанное с ним. Пользователь или приложение могут заменить изображение по умолчанию, связанное с любым стандартным курсором в любое время. Укажите изображение курсора с помощью функции PointerCursor .
Если вам нужно настроить курсор мыши:
- Всегда используйте курсор со стрелкой (
) для элементов, доступных для щелчка. Не используйте указатель мыши (
) для ссылок или других интерактивных элементов. Вместо этого используйте эффекты наведения указателя мыши (описанные выше).
- Используйте текстовый курсор (
) для выбора текста.
- При перемещении используйте курсор перемещения (
например, перетаскивание или обрезку). Не используйте курсор перемещения для элементов, где основное действие — навигация (например, начальные плитки).
- Используйте курсоры по горизонтали, вертикали и диагонали для изменения размера курсоров (
,
, ,
при изменении размера объекта).
- Используйте хватаемые курсоры рук (
,
) при сдвиге содержимого на фиксированном холсте (например, на карте).
Связанные статьи
- Обработка входных данных указателя
- Определение устройств ввода
- Общие сведения о событиях и перенаправленных событиях
Примеры
Windows developer