Поделиться через


Взаимодействие с помощью мыши

Оптимизируйте дизайн приложения Windows для сенсорного ввода и получите базовую поддержку мыши по умолчанию. 

мышь

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

Где мышь и сенсорный ввод разбиение — это возможность более тесно эмулировать прямые манипуляции элементами пользовательского интерфейса с помощью физических жестов, выполняемых непосредственно на этих объектах (таких как прокрутка, скольжение, перетаскивание, поворот и т. д.). Манипуляции с мышью обычно требуют некоторых других возможностей пользовательского интерфейса, таких как использование дескрипторов для изменения размера или поворота объекта.

В этом разделе описываются рекомендации по проектированию взаимодействия с мышью.

Язык мыши приложения UWP

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

Срок Description

Наведите указатель мыши, чтобы узнать

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

Щелкните левой кнопкой мыши для основного действия

Щелкните элемент слева, чтобы вызвать его основное действие (например, запуск приложения или выполнение команды).

Прокрутка, чтобы изменить представление

Отображение полос прокрутки для перемещения вверх, вниз, влево и вправо в области содержимого. Пользователи могут прокручиваться, щелкнув полосы прокрутки или вращая колесо мыши. Полосы прокрутки могут указывать расположение текущего представления в области содержимого (сдвиг с сенсорным отображением аналогичного пользовательского интерфейса).

Щелкните правой кнопкой мыши, чтобы выбрать и команду

Щелкните правой кнопкой мыши панель навигации (если она доступна) и панель приложения с глобальными командами. Щелкните элемент правой кнопкой мыши, чтобы выбрать его и отобразить панель приложения с контекстными командами для выбранного элемента.

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

Команды пользовательского интерфейса для масштабирования

Отображение команд пользовательского интерфейса на панели приложения (например, +и -) или нажатие клавиш CTRL и поворот колесика мыши, чтобы эмулировать жесты сжатием и растяжения для увеличения масштаба.

Команды пользовательского интерфейса для поворота

Отображение команд пользовательского интерфейса на панели приложения или нажатие клавиш CTRL+SHIFT и поворот колесика мыши, чтобы эмулировать жест поворота для поворота. Поверните само устройство, чтобы повернуть весь экран.

Щелкните левой кнопкой мыши и перетащите ее, чтобы изменить порядок

Щелкните левой кнопкой мыши и перетащите элемент, чтобы переместить его.

Щелкните левой кнопкой мыши и перетащите текст, чтобы выделить текст

Щелкните левой кнопкой мыши выделенный текст и перетащите его, чтобы выбрать его. Дважды щелкните, чтобы выбрать слово.

События ввода мыши

Большинство входных данных мыши можно обрабатывать с помощью распространенных перенаправленных событий ввода, поддерживаемых всеми объектами UIElement. Например:

Однако вы можете воспользоваться определенными возможностями каждого устройства (например, события колесика мыши), используя указатель, жест и события манипуляции в Windows.UI.Input.

Примеры: см. наш пример BasicInput.

Рекомендации по визуальному отзыву

  • При обнаружении мыши (через события перемещения или наведения указателя мыши) отображается пользовательский интерфейс, зависящий от мыши, чтобы указать функциональные возможности, предоставляемые элементом. Если мышь не перемещается в течение определенного времени или если пользователь инициирует сенсорное взаимодействие, пользовательский интерфейс мыши постепенно исчезает. Это обеспечивает очистку и отключение пользовательского интерфейса.
  • Не используйте курсор для обратной связи наведения указателя мыши, отзывы, предоставляемые элементом, достаточно (см. курсоры ниже).
  • Не отображайте визуальный отзыв, если элемент не поддерживает взаимодействие (например, статический текст).
  • Не используйте прямоугольники фокуса с взаимодействием мыши. Зарезервировать их для взаимодействия с клавиатурой.
  • Одновременно отображать визуальные отзывы для всех элементов, представляющих один и тот же целевой объект ввода.
  • Укажите кнопки (например, +и -) для эмулирования сенсорных манипуляций, таких как сдвиг, поворот, масштабирование и т. д.

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

Курсоры

Набор стандартных курсоров доступен для указателя мыши. Они используются для указания основного действия элемента.

Каждый стандартный курсор имеет соответствующее изображение по умолчанию, связанное с ним. Пользователь или приложение могут заменить изображение по умолчанию, связанное с любым стандартным курсором в любое время. Укажите изображение курсора с помощью функции PointerCursor .

Если вам нужно настроить курсор мыши:

  • Всегда используйте курсор со стрелкой (Курсор со стрелкой) для элементов, доступных для щелчка. Не используйте указатель мыши (Указатель курсора на руку) для ссылок или других интерактивных элементов. Вместо этого используйте эффекты наведения указателя мыши (описанные выше).
  • Используйте текстовый курсор (текстовый курсор) для выбора текста.
  • При перемещении используйте курсор перемещения (Перемещение курсоранапример, перетаскивание или обрезку). Не используйте курсор перемещения для элементов, где основное действие — навигация (например, начальные плитки).
  • Используйте курсоры по горизонтали, вертикали и диагонали для изменения размера курсоров (курсор вертикального изменения размера, курсор горизонтального изменения размера, ,курсор размеров по диагонали (нижний левый, верхний правый)курсор размеров по диагонали (верхний левый, нижний правый) при изменении размера объекта).
  • Используйте хватаемые курсоры рук (захват курсора руки (открытый), захват курсора руки (закрытый)) при сдвиге содержимого на фиксированном холсте (например, на карте).

Примеры