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

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

  • Статья

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

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

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

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

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

Размеры Fluent Standard

Размеры Fluent Standard были разработаны, чтобы обеспечить баланс между плотностью информации и удобством пользователя. Фактически все элементы на экране пропорциональны эталонному размеру 40x40 эффективных пикселей (epx), что позволяет выравнивать элементы пользовательского интерфейса по сетке и правильно их масштабировать на уровне системы.

Примечание.

Дополнительные сведения об эффективных пикселях и масштабировании см. в разделе "Размеры экрана" и точки останова

Дополнительные сведения о масштабировании уровня системы см. в разделе Выравнивание, поле и заполнение.

Размеры Fluent Compact

Приложения могут отображать более высокий уровень плотности информации с помощью размера Fluent Compact. Компактный размер выравнивает элементы пользовательского интерфейса до целевого объекта epx 32x32, что позволяет элементам пользовательского интерфейса выравнивать более жесткую сетку и масштабировать соответствующим образом на основе масштабирования на уровне системы.

Примеры

Компактный размер можно применить на уровне страницы или сетки.

На уровне страницы

<Page.Resources>
    <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
</Page.Resources>

Уровень сетки

<Grid>
    <Grid.Resources>
        <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
    </Grid.Resources>
</Grid>

Целевой размер

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

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

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

Примеры

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