Поворот

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

Важные API-интерфейсы: Windows.UI.Input, Windows.UI.Xaml.Input

Рекомендации

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

Дополнительные рекомендации по использованию

Обзор поворота

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

Способ выполнения поворота зависит от устройства ввода:

• Мышью или активным пером, перемещая поворотный захват выбранного объекта.
• Касанием или неактивным пером, поворачивая объект в требуемом направлении жестом поворота.

Варианты использования поворота

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

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

На первом изображении представлены начальная (большой палец) и дополнительная (указательный палец) точки касания: указательный палец касается дерева, а большой палец — бревна.

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

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

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

 

Windows 10 поддерживает три типа поворота: свободный, ограниченный и комбинированный.

Тип	Описание
Свободный поворот	Свободный поворот позволяет пользователю поворачивать содержимое свободно, в любом месте и на 360 градусов. Когда пользователь отпускает объект, он остается в выбранном положении. Свободный поворот полезен в приложениях для рисования и обработки макетов, таких как Microsoft PowerPoint, Word, Visio и Paint, а также Adobe Photoshop, Illustrator и Flash.
Ограниченный поворот	Ограниченный поворот поддерживает свободный поворот во время манипулирования, но применяет точки прикрепления с шагом 90 градусов (0, 90, 180 и 270), когда пользователь отпускает объект. Когда пользователь отпускает объект, он автоматически перемещается к ближайшей точке прикрепления. Ограниченный поворот является наиболее часто используемым методом поворота и действует подобно прокрутке содержимого. Точки прикрепления позволяют пользователю допускать неточности, обеспечивая при этом достижение цели. Ограниченный поворот полезен в таких приложениях, как веб-браузеры и фотоальбомы.
Комбинированный поворот	Комбинированный поворот поддерживает свободный поворот с зонами (подобно направляющим в Руководстве по функции сдвига) каждой из точек прикрепления с шагом 90 градусов, которые применяет ограниченный поворот. Если пользователь отпускает объект за пределами одной из зон точек с шагом 90 градусов, объект остается в этом положении. В ином случае объект автоматически поворачивается до точки прикрепления. Примечание Рельс пользовательского интерфейса — это функция, в которой область вокруг целевого объекта ограничивает движение к определенному значению или расположению, чтобы повлиять на выбор.

Связанные темы

Примеры

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

Примеры архива

• Ввод: пример событий пользовательского ввода на XAML
• Ввод: пример возможностей устройства
• Ввод: пример тестирования сенсорного ввода
• Пример прокрутки, сдвига и масштабирования XAML
• Ввод: пример упрощенного рукописного ввода
• Ввод: жесты и манипуляции с помощью GestureRecognizer
• Входные данные: пример манипуляций и жестов
• Пример сенсорного ввода в DirectX