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

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

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

мышь

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

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

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

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

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

Срок Description

Наведите курсор, чтобы узнать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Щелкните левой кнопкой мыши и протащите для выделения текста.

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

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

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

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

Образцы: Дополнительные сведения см. в нашем примере BasicInput.

Рекомендации по визуальной обратной связи

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

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

Cursors

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

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

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

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

Samples

  • Last updated on