#Article #Medium #Animation

Lottie Animations in Jetpack Compose Android

Статья с описанием того, как интегрировать Lottie анимации в приложениях на Jetpack Compose благодаря специальному дополнению lottie-compose.

#Medium #Article #Animation

Creating a rotating card in Jetpack Compose

Небольшая статья на тему создания анимации переворота карточки по своей оси с отображением её содержимого на обратной стороне.

#Animation #GitHub #Libs

MotionCompose

Не так давно ребята из Google пополнили свой репозиторий с анимациями animation-samples новой директорией — MotionCompose. Она представляет собой коллекцию примеров использования Material Design Motion в Jetpack Compose.

На данный момент коллекция содержит следующие виды анимаций:
▫️ Fade
▫️ Fade through
▫️ Shared transform
▫️ Shared axis
▫️ Loading

Также не стоит забывать про официальную документацию, описывающую различные аспекты работы с анимациями в Compose.

#Video #Youtube #Animation

Анимации в Jetpack Compose - всё то же самое, только проще? / Лукьян Жуков (Ситимобил)

Ещё один доклад с прошедшей Podlodka Android Crew, в котором автор рассматривает возможности анимаций в Jetpack Compose, а также разбирает какие существуют механизмы их создания.

P.S. Спустя некоторое время канал возвращается в строй, и теперь контента будет больше😉

#Article #Medium #Animation

Easing in to Easing Curves in Jetpack Compose

В прошлом дайджесте я писал про новый набор Easing-функций для работы с анимациями, который добавили в одном из последних бета-релизов, а уже спустя несколько дней, от ребят из Google появилась подробная статья с примерами о том, как правильно их использовать.

#Article #Blog #Animation

Velocity Based Animation with Compose

Неплохая статья, в которой разбирается такая техника, как Velocity Based Animation (проще говоря “Анимация, основанная на скорости”), которая позоляет отслеживать скорость прокрутки списка и при помощи этого кастомизировать длительность применяемой анимации.

#Article #Medium #Animation

Making Jellyfish move in Compose: Animating ImageVectors and applying AGSL RenderEffects

Любопытная статья, в которой автор показывает как можно создать нетривиальную анимацию медузы (!!!), по пути охватывая такие темы как:
▫️Создание кастомных ImageVectors из SVG
▫️Частичная анимация ImageVector
▫️Применение эффекта шума к Composable при помощи AGSL RenderEffect

​​#Article #Medium #Animation

Creating a particle explosion animation in Jetpack Compose

Canvas + немного математики = интересная анимация с эффектом взрыва частиц на Compose.
Как это работает — в сегодняшней статье.

🗺​​ Навигация по каналу 🗺

Статьи:
▫️#Article — все статьи о Compose
▫️#Medium — статьи на Medium
▫️#Habr — статьи на Habr
▫️#Blog — статьи на сторонних сайтах (обычно это персональные блоги)

Видео:
▫️#Video — все видеодоклады о Compose
▫️#GoogleIO — видеодоклады с презентаций GoogleIO

Релизы:
▫️#Release — релизы Compose на разных платформах
▫️#Changelog — традиционный дайджест по изменениям новых релизов библиотек

Разделение по темам:
▫️#Navigation — материалы о навигации в Compose
▫️#Canvas — материалы о работе с канвасом в Compose
▫️#Animation — материалы о работе с анимациями в Compose
▫️#Performance — материалы о производительности в Compose
▫️#Recomposition — материалы о рекомпозиции в Compose
▫️#UI — материалы, посвященные различным кейсам работы с UI
▫️#Multiplatform — материалы о Compose Multiplatform
▫️#WearOS — материалы о работе с WearOS в Compose

▫️#Libs — сторонние Compose-библиотеки
▫️#Предложка — материалы, предложенные подписчиками канала

▫️#News — новости канала
▫️#Offtop — ну тут понятно 🙃

​​#Video #Droidcon #Animation

Practical Magic with Animations in Compose

Доклад с минувшей конференции droidcon New York 2023, в котором Rebecca Francs (деврел Google из команды Jetpack Compose) разбирает различные аспекты работы с анимациями в Compose.

#Release #Animation #UI #News

Shared Element Transition в каждый дом 🔥

Начиная с версии 1.7.0-alpha07, в Compose появилась одна из самых долгожданных и востребованных функций — Shared Element Transition. Кто не в курсе — она позволяет сделать бесшовную анимацию перехода между двумя UI блоками (или экранами) при помощи одного общего UI-элемента.

Официальной документации пока не завезли, но больше примеров использования от Google можно найти тут👇