Домой Android разработкаUI и UX. Графика в Android Анимированные интерактивные элементы с Lottie

Анимированные интерактивные элементы с Lottie

by dilix
Анимированные интерактивные элементы с Lottie

Задача: сделать интерактивные элементы с красивой анимацией. Визуальная составляющая будет сделана в Adobe After Effects чтобы не ограничиваться программной анимацией от Android.

Lottie от Airbnb для анимации

Lottie — библиотека от AirBnb, которая позволяет программно проигрывать анимации, созданные в Adobe After Effects. Это позволяет дизайнеру создавать уникальные эффекты и не мучать программиста их реализацией. Примеры использования Lottie можно также найти в статье про анимированные переходы в Android.

Проигрывание анимации до определенного кадра

Lottie позволяет останавливать и возобновлять анимации, задавать границы проигрывания и многое другое. На отдельном ресурсе lottiefiles можно загрузить ваш json и посмотреть какие кадры именно вам нужны.


Просмотр анимации на lottiefiles

Когда мы знаем между какими кадрами хотим анимировать наш объект, достаточно указать это в коде и запустить проигрывание

animView.setMaxFrame(19);
animView.playAnimation();

Реализованный пример анимации интерактивного элемента

Исходники примера на GitHub

 

Пример можно скачать и посмотреть в Google play

Примеры, обучения и практика в приложении на Google play

Хочешь обсудить Android разработку?
Заходи к нам Вконтакте, на Facebook и в Телеграм!

Добавить комментарий

2 комментария

Hentaimeister. 03.10.2020 - 14:19

Пример ведет сюда же)

Ответить
dilix 03.10.2020 - 14:35

Так и задумано было )))
Суть в том, что можно найти приложение случайно в маркете и тогда перейти сюда. Или отсюда перейти в маркет, скачать и проверить.

Ответить

Может быть интересно

Этот сайт использует Cookie файлы для улучшения вашего пользовательского взаимодействия. Используя данный сайт вы соглашается с этим. Принять Читать

Политика конфиденциальности и Cookies
%d