Ответ 1

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

Другая анимация выглядит с трудом на первый взгляд.

Но после включения "Показать границы макета" вы можете видеть, что там нет волшебства. В основном это просто анимация перевода, которая переводит представление из одной позиции в другую. В случае этой анимации сложной задачей является реализация алгоритма поиска координат перевода. После этого анимация - это всего лишь пара строк кода через анимацию перехода сцены.

// assuming at this step all the views are at the initial position at x0, y0
TransitionManager.beginDelayedTransition(rootLayout);
// here set view coordinates to x1, y1 - the final position

Структура переходов сделает для вас все остальное. Он найдет дельту и сделает анимацию для вас. Здесь вы найдете хорошую статью Lucas Rocha.

Ответ 2

Знаете ли вы о других методах воспроизведения анимаций?

В Android у вас есть 3 способа реализации анимации:

• Анимируйте вид (масштаб, альфа, поворот и т.д.), просто используя view.startAnimation(...)
• Анимировать Drawable (в зависимости от Drawable, это может быть что угодно: от анимационных векторных чертежей до анимация кадров)
• Выполнение пользовательского рисования и анимации

Очевидно, что просто анимация представления с помощью методов framework проще, чем создание какой-либо привлекательной анимации, а создание некоторого drawable (xml) проще, чем выполнение пользовательского чертежа.

Вы упомянули lottie, который только что вышел несколько дней назад. Мы посмотрим, как это хорошо, но выглядит очень многообещающим. Под капотом лотти проанализирует json и выполнит собственный рисунок с использованием Canvas и Path (3-я маркерная точка выше)
Если вы можете получить After Effects, это, вероятно, "самое простое" решение для сложных анимаций (и кросс-платформу!)

Люди также начали делиться анимацией, вы можете найти их здесь:
http://www.lottiefiles.com/

Вы знаете, как это сделано?

Видео (1) выглядит так, как будто они делают какой-то пользовательский рисунок.

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

Это будет связано с созданием пользовательского представления и/или вытягивания и переопределения onDraw(Canvas) Path.lineTo, а также некоторые дуги, кубики или квадраты сделают трюк... Я не разработчик и не специалист по вектору: )

Я не думаю, что этого можно было легко достичь, используя анимированные векторные чертежи, но вы можете сделать это, применив анимацию морфинга пути, (Анимированные векторные чертежи поддерживаются только на 21+, если я не ошибаюсь)

Видео (2) просто анимирует Path и виляет флаг. Это может быть достигнуто с помощью AnimatedVectorDrawables (например, этот блог) и обрезание путей начинается/заканчивается или снова, выполняя собственный рисунок (и, таким образом, также поддерживающие устройства до лолипопа) путем анимации Пути, например используя PathMeasure.getSegment() для непрерывного анимации пути.

Анимация (3), о которой уже говорила azizbekians answer, является первым упомянутым видом, просто анимацией (перемещением и масштабированием).

Что касается второго примера, мне пришла в голову только одна идея и установление Пути и перемещение представления соответственно, передав его каким-то образом после animate(). (2) Возможно ли это?

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

Ответ 3

Я хотел бы предложить библиотеку, которую я написал некоторое время назад (недавно опубликованную), которая позволяет создавать пользовательские представления и добавлять к ним анимации.

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

Он работает с Android TimeInterpolator и любым его дочерним узлом (как и пользовательские).

Анимации полностью рисуются с использованием Canvas, разница в том, что вы можете получить анимированное значение, которое изменяется в соответствии с TimeInterpolator как функция времени.

Вы можете добавить столько анимаций, сколько хотите, в свой просмотр, контролируете их независимо друг от друга. И вдобавок ко всему, вы не ограничиваетесь рисованием не-анимационных вещей. Там специальный метод для этого (onDrawStatics).

Ответ 4

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

Скажем, ClockView, You После установки краски, штриха и т.д. в OnDraw()

Возможно, вы захотите использовать AsyncMethods/Runnables, который постоянно обновляет свойства в фоновом режиме, что приводит к анимации Frame by Frame, но это не Fraame Animation на самом деле, потому что вы анимируете только свойства представления (повернуть налево), а не он рамка для тентонов

Здесь есть десятки примеров, с небольшим количеством поисковых запросов вы можете сделать DIY