Руководство по определению цели касания

Applies to Windows and Windows Phone

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

В этом разделе описано использование геометрии контакта для цели касания и приводятся рекомендации для целей касания в приложениях среды выполнения Windows.

См. этот компонент в действии как часть нашей серии Компоненты приложений от А до Я.:  Взаимодействие с пользователем: сенсорный ввод и многое другое

Единицы измерения и масштабирование

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

Количество пикселей = плотность пикселей × единица измерения

В следующем примере эта формула используется для вычисления размера целевого объекта 9 мм в пикселях для дисплея с плотностью 135 пикселей на дюйм в позиции масштабирования 1x:

Количество пикселей = 135 пикселей на дюйм × 9 мм

Количество пикселей = 135 пикселей на дюйм × (0,03937 пикселей на мм × 9 мм)

Количество пикселей = 135 пикселей на дюйм × 0,35433 дюйма

Количество пикселей = 48 пикселей

Этот результат необходимо откорректировать в соответствии с каждой позицией масштабирования системы.

Пороговые значения

Пороговые значения расстояния и времени можно использовать для определения результата взаимодействия.

Например, при обнаружении нажатия система регистрирует его как касание, если при этом объект смещается менее чем на 2,7 мм от точки касания и если пользователь отрывает от него палец через 0,1 секунды или раньше. Перемещение пальца за пределы порогового значения 2,7 мм расценивается как перетаскивание объекта, и объект либо выделяется, либо перемещается (подробнее см. Руководство по скольжению по диагонали). В зависимости от специфики вашего приложения при удерживании пальца на объекте дольше 0,1 секунды система может произвести взаимодействие самообнаружения (подробнее см. Руководство по визуальной обратной связи).

Размеры цели

В общем случае задавайте в качестве цели касания квадрат со стороной 9 мм или больше (48 x 48 пикселей на экране 135 точек на дюйм при уровне масштабирования 1,0). Не используйте в качестве цели касания квадрат со стороной меньше 7 мм.

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

Схема, содержащая рекомендуемые размеры визуальной цели, фактической цели и заполнения.

В следующей таблице перечислены минимальные и рекомендуемые размеры для компонентов цели касания.

Компонент целиМинимальный размерРекомендуемый размер
Заполнение 2 ммНет данных.
Визуальный размер цели< 60 % от истинного размера90–100 % от истинного размера

У большинства пользователей визуальный объект размером меньше 4,2 мм (60 % от рекомендуемого минимального размера 7 мм) не будет восприниматься как цель касания.

Истинный размер целиКвадрат со стороной 7 ммКвадрат со стороной, равной или превышающей 9 мм (48 x 48 пикселей при масштабе 1)
Общий размер цели 11 x 11 мм (приблизительно 60 пикс.: три единицы сетки по 20 пикс. при 1x) 13,5 x 13,5 мм (72 x 72 пикс. при 1x)

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

 

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

  • Частота касаний: размер целей, к которым часто или неоднократно прикасаются, должен быть больше минимального.
  • Результат ошибки: цели, ошибочное касание которых ведет к серьезным последствиям, должны иметь большее заполнение и размещаться дальше от края области содержимого. Это особенно важно для целей, которых часто касаются.
  • Положение в области содержимого
  • Конструктивные параметры и размер экрана
  • Положение пальцев
  • Зрительные образы сенсорного ввода
  • Оборудование и сенсорные дигитайзеры

Вспомогательные средства для определения цели касания

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

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

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

Пограничный контакт

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

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

Эта функция недоступна для приложений Магазина Windows, разработанных на JavaScript.

Проведение

Проведение подразумевает, что для выбора цели пользователь касается поля целей и проводит пальцем, не отрывая его, пока не пересечет цель. Иначе это можно назвать "активацией отрывом", поскольку так активируется последний объект, которого коснулся палец, прежде чем оторваться от экрана.

Проектируя взаимодействия при проведении пальцем по элементам учитывайте следующие рекомендации.

  • Функция проведения используется в сочетании с пользовательским интерфейсом без неоднозначности. Подробнее см. в разделе Рекомендации по визуальной обратной связи.
  • Рекомендованный минимальный размер цели касания для проведения — 20 пикс. (3,75 мм при 1x).
  • Проведение имеет приоритет при выполнении на сдвигаемой поверхности, например на веб-странице.
  • Цели при проведении должны располагаются близко друг к другу.
  • Действие будет отменено, если пользователь проведет пальцем по направлению от цели.
  • Пограничный контакт с целью проведения задается, если действие, выполняемое целью, не несет деструктивный характер (например, переключение дат в календаре).
  • Пограничный контакт задается в одном направлении, горизонтальном или вертикальном.

Связанные разделы

Для дизайнеров
Руководство по стандартному взаимодействию с пользователем
Проектирование взаимодействий с сенсорным экраном
Для разработчиков (HTML)
Краткое руководство: указатели
Краткое руководство: жесты и манипуляции DOM
Краткое руководство: статические жесты
Краткое руководство: жесты манипуляции
Для разработчиков (XAML)
Краткое руководство: сенсорный ввод
Краткое руководство: обработка ввода от указателя
Windows.UI.Core
Windows.UI.Input
Windows.UI.Xaml.Input
Для разработчиков (приложения среды выполнения Windows на DirectX и C++)
Реакция на сенсорный ввод (DirectX и C++)
Примеры (DOM)
Пример прокрутки, сдвига и масштабирования на HTML
Ввод: пример пользовательских жестов
Примеры (API приложения Магазина Windows)
Ввод: пример управления и жестов (JavaScript)
Ввод: пример жестов в Windows 8
Ввод: пример событий пользовательского ввода на XAML
Пример прокрутки, сдвига и масштабирования на XAML
Примеры (DirectX)
Пример сенсорного ввода в DirectX
Ввод: пример управления и жестов (C++)
Ввод: пример проверки жеста касания

 

 

Показ:
© 2014 Microsoft