Как передать анимацию разработчикам Android?

Question

Я дизайнер и интересуюсь различными способами: передать анимацию разработчикам Android и наилучшими способами сделать это в зависимости от конкретного случая.

1.JSON

Я знаю, Лотти лучше всего подходит для анимации микро-взаимодействий и создания анимированных иллюстраций, как на встроенных страницах.Для дизайнера легко предоставить файл JSON, так как он может быть создан с помощью плагина Bodymovin в AfterEffects.Разработчик просто получает файл и использует его как есть, больше никаких дополнительных усилий для него.

2.Java или Kotlin

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

3.XML

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

Какие еще технологии используют разработчики для создания анимации?

Какой тип файлов разработчики прототипов должны предоставить разработчику для рассмотрения различных случаев?

Answer 1

API анимации для Android действительно разнообразен, что означает, что разработчик может выбрать множество способов доставки анимации.Смею сказать, что это никогда не должно быть обусловлено природой или ограничениями предоставленных resources.Давайте поймем под resources все, что не является настоящим кодом: растровые изображения, аудиофайлы и даже текст.Знание типов или форматов файлов, которые разработчик может или хочет использовать, требует общения, и вы можете ожидать, что они не всегда будут одинаковыми.

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

Наиболее распространенные анимации в Android:

1. Рисованные анимации.Этот тип анимации обычно происходит внутри заранее определенной области на экране и достигается путем загрузки серии изображений, одно за другим.Здесь общим типом файла являются изображения PNG, по одному на каждый шаг анимации.Вероятно, такое же количество различных спрайтов, которые вы использовали для видео, не более 24 / с!Имейте в виду, что для поддержки разных размеров и плотностей экрана для каждой серии должны быть предусмотрены разные размеры / плотности.Если изображение является простой векторной графикой, упростит работу и для кодера, и для дизайнера, поддерживаются обычные SVG.Можно также анимировать пути векторных изображений, даже трансформируясь между несколькими из них, при условии, что пути совместимы для трансформации, что, согласно документации they must have the same number of commands and the same number of parameters for each command. ..., требует большего понимания внутренних особенностей вектораОпределения файлов, если вы можете увидеть изображение, прочитав код SVG, сделайте это!

2. Другая основная группа включает анимацию (воздействуя на свойства, такие как цвет, положение, размер и т. Д.) Элементов пользовательского интерфейса приложения.Этот тип может включать или не включать ресурсы изображения и обычно применяется к компонентам предварительно определенных типов.Например: all buttons should have a ripple effect starting where the pointer clicks.Android имеет заранее определенные эффекты с определенными именами (перевернуть, увеличить), это может быть полезно знать этот словарь.

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

. Для справки проверьте следующее, в котором есть некоторый код, но также иллюстративныйпримеры: https://developer.android.com/training/animation/overview

Чтобы узнать, как поддерживать различные размеры экрана, установите флажок: https://developer.android.com/training/multiscreen/screensizes

Чтобы узнать больше о поддержке SVG на платформе Android: https://developer.android.com/studio/write/vector-asset-studio