Лучшая практика графики движения и сенсорного приложения в UWP

Question

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

Чтобы лучше понять, какое это будет приложение, вотВидео приложения с типом поведения, на которое мы нацеливаемся (минуты 0:16 - 0:27): https://www.youtube.com/watch?time_continue=13&v=qIOR9FiL97w

---

Теперь мой вопрос заключается в том, как лучше всего обрабатывать все эти анимации. В настоящее время мы используем RenderTransforms для всех перемещений пользовательских элементов управления (например, движения касания, вращения касания и т. Д.) И анимации раскадровки для анимации меню (например, открытия анимации меню, закрытия анимации и т. Д.). Мы беспокоимся о производительности, так как мы запускаем ее на 4K, и несколько пользователей должны использовать ее одновременно.

Я недавно читал об API Windows.UI.Composition, но, как я понял, это в основном для небольших анимаций. при нажатии кнопок и т. д. не более сложные и динамические анимации, как в нашем случае (т. е. меню может находиться где-то на экране, положение, определяемое translateTransform, а фоновая анимация меню зависит от выбранного элемента меню).

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

Answer 1

Теперь мой вопрос: как лучше всего обрабатывать все эти анимации? 1002 *

API композиции - лучшая производительность из трех упомянутых вами анимаций,

API-интерфейсы Windows.UI.Composition позволяют создавать, анимировать, преобразовывать и манипулировать объектами композитора на уровне унифицированного API. Композиционная анимация обеспечивает мощный и эффективный способ запуска анимации в пользовательском интерфейсе приложения. Они были разработаны с нуля, чтобы гарантировать, что ваша анимация работает на скорости 60 FPS независимо от потока пользовательского интерфейса, и дать вам гибкость в создании удивительных впечатлений, используя не только время, но и входные и другие свойства для управления анимацией.

В нем может быть реализовано много анимации, например перемещение вращение и т. Д., Это сложно, и это пример кода, на который можно сослаться это .

RenderTransforms для всех перемещений пользовательских элементов управления (например, движения касания, вращения касания и т. Д.) И анимации раскадровки для анимации меню (например, открытия анимации меню, закрытия анимации и т. Д.).

Хотя анимации RenderTransforms и Storyboard не самая лучшая производительность, но они очень просты в использовании. Вы можете написать их в xaml и управлять ими в коде позади. Для более подробной информации, пожалуйста, обратитесь это .