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

Оптическое масштабирование и изменение размера

  • Статья

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

Важные API: Windows.UI.Input, Input (XAML)

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

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

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

Оптическое масштабирование: пользователь выбирает область, а затем масштабирует всю область.

перемещение пальцев ближе друг к другу увеличивается в области содержимого и перемещает их друг от друга

Изменение размера: пользователь выбирает объект в пределах области и изменяет размер этого объекта.

перемещение пальцев ближе вместе сжимает объект и перемещает их друг от друга, увеличивает его

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

 

Полезные советы

Используйте следующие рекомендации для приложений, поддерживающих изменение размера или оптическое масштабирование:

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

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

    Точки оснастки позволяют пользователям быть невредимыми и по-прежнему достичь своих целей. Если вы используете XAML, просмотрите свойства точек привязки ScrollViewer.

    Существует два типа оснастки:

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

  • Используйте физику инерции. следующие основные параметры.

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

  • Элементы управления пространством в соответствии с рекомендациями по целевому объекту.

  • Предоставьте дескриптор масштабирования для ограниченного изменения размера. Isometric, или пропорционально, изменение размера является значением по умолчанию, если дескриптор не указан.

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

  • Не помещайте объекты с изменением размера в область содержимого с изменением размера. Ниже приведены исключения:

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

    Примечание. Во всех случаях область содержимого изменяется, если только все точки касания не находятся в объекте, изменяемом для изменения размера.

Примеры

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