Connect with us

GitHub

Библиотека анимации для iOS – Lottie, Hero и Spring

Давайте посмотрим на эти библиотеки, которые могут улучшить UX вашего приложения и сделать его более увлекательным.

AppTractor

Опубликовано

/

     
     

Если вы обернетесь и посмотрите на 2007 год или примерно то время, когда были выпущены iOS и iPhone, то увидите, что все приложения были одинаковыми: одинаковые интерфейсы, одинаковое поведение, одинаковые функции – магазин приложений был просто большим сборищем калькуляторов, утилит и т.п. Сегодня, спустя более 10 лет, все изменилось.

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

С другой стороны, анимации сложно программировать и их создание требует значительных усилий, с которыми никто не хочет связываться. Разработчикам приходится следить за шаблонами проектирования, новыми функциями Swift 5 и программными компонентами. Они действительно не хотят тратить время на программирование анимаций с помощью классического UIView.animate (). Вот почему можно просто интегрировать несколько классных библиотек, чтобы превратить это занятие во что-то более простое и даже более увлекательное.

Lottie: необсуждаемая библиотека для анимации

Библиотека анимации

Lottie – популярная библиотека, разработанная компанией Airbnb, которая поддерживает анимации Adobe After Effects и способна преобразовывать их в нативные для iOS анимации. Более того, Lottie есть и на Android, для веб, для React Native и Windows, что сделало ее самой кроссплатформенной библиотекой анимации.

У библиотеки более 18,000 звезд на GitHub. Lottie является мощной и хорошо документированной библиотекой, она поддерживает модели, имеет множество настроек, различных классов поведения и возможностей управления анимацией.

Страница: https://github.com/airbnb/lottie-ios

Hero: популярная библиотека для анимации переходов и View

Библиотека анимации

Hero – это еще одна библиотека, которую вы можете использовать для украшения ваших модальных окон и UIViewControllers.

Hero в основном реализует переходы при навигации по контроллерам, появляющимся в UINavigationController или модально.

Hero хорошо сделан и библиотека уже много лет доступна на Git – поэтому можно считать ее вполне надежной для анимации вашего приложения.

Hero также подходит для анимации коллекций UICollectionView или таблиц UITableView – в нем есть поддержка UITableViewCells и UICollectionViewCells, чтобы переставлять их и отображать в различных лейаутах.

Более 17,000 звезд получены Hero неслучайно.

Страница: https://github.com/HeroTransitions/Hero

Spring: просто и эффективно

Если Lottie для профессионалов, а Hero довольно сложен, то Spring – очень полезная библиотека для анимации любого UIView в вашем UIViewController.

Я лично использовал Spring много раз, и я нашел его очень полезным. Представьте себе, что вы хотите, чтобы ваша UIButton летала по экрану, или чтобы ваша кнопка сжималась или качалась после нажатия. Это все может сделать эта библиотека для анимации.

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

Spring получила более 13,000 звезд.

Страница: https://github.com/MengTo/Spring

Выводы

Существует множество библиотек для анимации, но эти три, безусловно, самые популярные.

Помимо них, вы можете найти различные маленькие библиотеки для анимации отдельных элементов интерфейса.

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

Источник

Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement

Популярное

X
X

Спасибо!

Теперь редакторы в курсе.