Rotation
В этой статье описывается новый пользовательский интерфейс Windows для смены и рекомендации по взаимодействию с пользователем, которые следует учитывать при использовании этого нового механизма взаимодействия в приложении Windows.
Важные API: Windows.UI.Input, Windows.UI.Xaml.Input
Полезные советы
- Используйте поворот, чтобы помочь пользователям напрямую повернуть элементы пользовательского интерфейса.
Дополнительные рекомендации по использованию
Обзор поворота
Поворот — это метод, оптимизированный для сенсорного ввода, используемый приложениями Windows, чтобы пользователи могли повернуть объект в круговом направлении (по часовой стрелке или по часовой стрелке).
В зависимости от входного устройства взаимодействие поворота выполняется с помощью:
- Мышь или активный перо или перо или перо для перемещения захвата поворота выбранного объекта.
- Сенсорный или пассивный перо или перо или перо, чтобы повернуть объект в нужном направлении с помощью жеста поворота.
Когда следует использовать поворот
Используйте поворот, чтобы помочь пользователям напрямую повернуть элементы пользовательского интерфейса. На следующих схемах показаны некоторые поддерживаемые позиции пальцев для взаимодействия с поворотом.
Обратите внимание , что интуитивно и в большинстве случаев точка поворота является одной из двух точек касания, если пользователь не может указать точку поворота, не связанную с точками контакта (например, в приложении рисования или макета). На следующих изображениях показано, как взаимодействие с пользователем может быть понижено, если точка поворота не ограничена таким образом.
На первом рисунке показаны начальные (палец) и вторичные (индексные пальцы): указательный палец касается дерева, а палец касается журнала.
На этом втором рисунке поворот выполняется вокруг начальной (отпечатка) сенсорной точки. После поворота указательный палец по-прежнему касается магистрали дерева, а палец по-прежнему касается журнала (точка поворота).
На этом третьем рисунке центр поворота был определен приложением (или заданным пользователем) в центре рисунка. После поворота, так как рисунок не поворачивается вокруг одного из пальцев, иллюзия прямой манипуляции нарушается (если пользователь не выбрал этот параметр).
На этом последнем рисунке центр поворота был определен приложением (или заданным пользователем) точкой в середине левого края рисунка. Опять же, если пользователь не выбрал этот параметр, иллюзия прямой манипуляции нарушается в этом случае.
Windows 10 поддерживает три типа поворота: бесплатный, ограниченный и объединенный.
Тип | Описание |
---|---|
Свободная смена | Свободная смена позволяет пользователю свободно повернуть содержимое в любом месте в 360 градусов дуги. Когда пользователь освобождает объект, объект остается в выбранной позиции. Бесплатная смена полезна для рисования и макета приложений, таких как Microsoft PowerPoint, Word, Visio и Paint; и Adobe Photoshop, Иллюстратор и Flash. |
Ограниченная смена | Ограниченная смена поддерживает свободный поворот во время манипуляции, но применяет точки оснастки на 90 градусов приращения (0, 90, 180 и 270) после выпуска. Когда пользователь освобождает объект, объект автоматически поворачивается на ближайшую точку привязки. Ограниченная смена является наиболее распространенным методом поворота, и он работает так же, как и прокрутка содержимого. Точки привязки позволяют пользователю быть невредимыми и по-прежнему достичь своей цели. Ограниченная смена полезна для таких приложений, как веб-браузеры и фотоальбомы. |
Объединенная смена | Объединенная ротация поддерживает свободный поворот с зонами (аналогично железнодорожным полосам в рекомендациях по сдвигам) на каждом из 90 градусов оснастки, применяемых ограниченным поворотом. Если пользователь освобождает объект за пределами одной из зон 90 градусов, объект остается в этой позиции; в противном случае объект автоматически поворачивается на точку привязки.
Обратите внимание, что рельс пользовательского интерфейса — это функция, в которой область вокруг целевого ограничения перемещается к определенному значению или расположению, чтобы повлиять на его выбор.
|
См. также
Примеры
- Базовый пример входных данных
- Пример ввода с низкой задержкой
- Пример режима взаимодействия пользователя
- Пример визуальных элементов фокуса
Архивные примеры
- Входные данные: пример событий ввода пользователей XAML
- Входные данные: пример возможностей устройств
- Входные данные: пример тестирования нажатия касания
- Пример прокрутки, сдвига и масштабирования XAML
- Входные данные: пример упрощенного рукописного ввода
- Входные данные: жесты и манипуляции с помощью ЖестаRecognizer
- Входные данные: пример манипуляций и жестов
- Пример ввода сенсорного ввода DirectX
Windows developer