Compose Broadcast
4.81K subscribers
208 photos
53 videos
315 links
Все о Jetpack Compose и Compose Multiplatform

YouTubе канал: https://youtube.com/androidBroadcast
Android - @android_broadcast
iOS - @ios_broadcast
Kotlin - @kotlin_broadcast
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Если хотите сделать подобную анимацию в TODO списке - читайте статью (EN, 4 мин, ссылка без VPN)

#анимация @compose_broadcast
This media is not supported in your browser
VIEW IN TELEGRAM
В Compose 1.7.0-alpha06 завезли анимации появления и удаления элементов

#анимация @compose_broacast
This media is not supported in your browser
VIEW IN TELEGRAM
Пример еще одной анимации с будущим Compose Shared Element Transition API. Исходный код тут

#анимация #android @compose_broadcast
Media is too big
VIEW IN TELEGRAM
Еще один пример использования Compose Transition API

#анимация @compose_broadcast
This media is not supported in your browser
VIEW IN TELEGRAM
Статья (EN, 4м) с реализацией анимации буферизации аудио на Jetpack Compose

🔗 Альтернативная ссылка

#анимация @compose_broadcast
Jetpack Compose 1.7.0-alpha07 добавляет shared element transition API - анимирование изменений при смене layout

#jetpack #анимация @compose_broadcast
This media is not supported in your browser
VIEW IN TELEGRAM
Еще одна статья (EN, 7м) про реализацию Shared Element Transition в Compose на Android

#анимация @compose_broadcast
This media is not supported in your browser
VIEW IN TELEGRAM
Статья (EN, 5м) с руководством по реализации подобного прогресса а Compose с помощью Canvas и Animation API

#анимация
В официальной документации по Android выпустили руководство по созданию Shared Element Transition в Compose. Руководство содержит информацию о том как сделать анимацию и какие ограничения есть у неё сейчас

#анимация #compose #sharedelement
This media is not supported in your browser
VIEW IN TELEGRAM
Пример (EN, 5м) как сделать трансформацию контейнера в Compose

#анимация @compose_broadcast
This media is not supported in your browser
VIEW IN TELEGRAM
Пример реализации анимации логотипа Netflix на Compose

#анимация @compose_broadcast
Обзор того что будет релизнуто в Compose 1.7.0
👉 Shared element transitions
👉 Анимации элементов в LazyColumn и LazyRow
👉 AnnotatedString.fromHtml() - конвертирование Html в AnnotatedString
👉 ContextualFlowRow и ContextualFlowColumn - layout с композицей только видимого на экране контента, а для контента что не вместилось показываете индикатор элементов что не влезли
👉 Улучшение производительности
👉 Больше стабильного API
👉 Strong skipping mode будет включен по умолчанию в Compiler 2.0.20 и чаще будет пропускать рекомпозицию. Нужно будет ставить меньше аннотаций Stable и Immutable

Что еще
👉 Типобезопасная навигация в Navigation Compose 2.8.0
👉 Поддержка Compose в Jetpack CameraX

#compose #kotlin2 #навигация #jetpack #анимация
Media is too big
VIEW IN TELEGRAM
📺 Advanced layout animations in Compose (Shared elements)

0:00 Introduction
0:39 Basic layout animations
1:11 How do layout animations work
3:18 Lookahead
4:58 Use cases for Lookahead
5:56 Shared elements
6:39 SharedTransitionLayout
8:08 Modifier.sharedElement
9:02 Custom animation specs
9:40 Modifier.sharedBounds
11:43 ResizeMode
12:52 Overlay
15:37 Modifier.skipToLookaheadSize
16:29 Clipping
18:53 Modifier ordering
19:54 Predictive Back
20:53 Shared elements under the hood
21:09 Composition Phase
22:14 Layout Phase
26:27 Drawing Phase
26:49 Overlay under the hood
28:02 Challenges with overlay
29:42 Summary

#compose #анимация
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Android Broadcast
В следующей версии Android Studio уберут Motion Editor 🤯, как часть процесса миграции с XML UI на Jetpack Compose. Используйте Compose Animation Preview (говорится что это более продвинутый инструмент)

#androidstudio #compose #анимация
Media is too big
VIEW IN TELEGRAM
Статья с реализацией подобной анимацией в Compose

#анимация @compose_broadcast