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

Рекомендации по целевым объектам сенсорного ввода

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

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

Все элементы управления WinUI разработаны с использованием размеров и макетов целевых элементов сенсорного ввода по умолчанию, которые позволяют создавать визуально сбалансированные и привлекательные приложения, удобные, простые в использовании и вдохновляющие уверенность.

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

Важные API: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Размер целевой области

Обычно устанавливайте размер сенсорной зоны целевого объекта в пределах квадратных 7,5 мм (40x40 пикселей на дисплее с разрешением 135 PPI при коэффициенте масштабирования 1,0x). Как правило, элементы управления WinUI соответствуют сенсорной зоне размером 7,5 мм (это может зависеть от конкретного элемента управления и любых часто используемых шаблонов). См. Размер и плотность элемента управления для более детальной информации.

Эти рекомендации по размеру целевого объекта можно настроить в соответствии с конкретным сценарием. Вот некоторые вещи, которые стоит рассмотреть:

  • Частота касаний — рассмотрите возможность создания целевых объектов, которые многократно или часто нажимаются больше минимального размера.
  • Последствия ошибки — целевые объекты, которые имеют серьезные последствия, если случайно коснулись, должны иметь больший отступ и располагаться дальше от края области содержимого. Это особенно верно для целевых объектов, которые часто касаются.
  • Положение в области содержимого.
  • Форм-фактор и размер экрана.
  • Положение пальца.
  • Сенсорные визуализации.

Samples

  • Основной пример ввода
  • пример входных данных с низкой задержкой
  • Пример режима взаимодействия пользователя
  • пример визуальных элементов Focus

Архивные примеры

  • пример ввода сенсорного ввода DirectX
  • Last updated on