Mobile Compose
2.99K subscribers
152 photos
3 videos
336 links
Твой главный путеводитель в мир Jetpack Compose и Compose Multiplatform.

Android XR: @android_xr
Личный блог: @grigorievdy_blog

Автор: @grigorievdy

Поддержать канал: https://t.me/mobile_compose?boost
Download Telegram
Mobile Compose
#Article #Medium #UI #Compose 🎨 Compose Meets YouTube: Production-Ready YouTube Playback with Jetpack Compose Статья о реализации воспроизведения видео через Youtube плеер прямо внутри Compose приложения. 📖 Читать статью 🌐 Зеркало статьи 🎨 Mobile Compose…
#Article #Medium #UI #Compose

🎨 Fixing YouTube Playback in Jetpack Compose: The 3 Changes That Brought My Player Back

Хьюстон, у нас проблемы, но не все так плохо. В прошлой статье рассказывалось как встроить YouTube-плеер прямо в Compose-приложение. И вот однажды плеер просто перестал работать.

В свежей статье — что сломалось, почему это произошло и какие изменения вернули плеер к жизни. Полезно всем, кто внедрял или планирует внедрять видео в Compose.

Отдельное спасибо подписчику канала Анатолию за быстрый фикс и отличную статью 👍

📖 Читать статью
🌐 Зеркало статьи

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍6🔥41
#News #Navigation #Multiplatform #Compose

🎨 Jetpack Navigation 3 стала стабильной 🚀

Navigation 3 — это новая библиотека навигации, полностью переписанная под Jetpack Compose и его state-модель.

Что она даёт?
▫️Полный контроль над back stack
▫️Предсказуемое сохранение состояния навигации
▫️Лёгкое создание адаптивных интерфейсов
▫️А ещё JetBrains сделали кроссплатформенную версию

😇 Официальная документация от Google
😇 Официальный гайд по миграции
🏝 Документация по кроссплатформенной версии

Decompose-еры, что с лицом? 🤖

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13😁52👍2
#Release #Compose #Changelog

😇 Релиз Compose библиотек (03.12.2025)

🔵 Animation 1.10.0 / 1.11.0-alpha01
🔵 Foundation 1.10.0 / 1.11.0-alpha01
🔵 Material 1.10.0 / 1.11.0-alpha01
🔵 Runtime 1.10.0 / 1.11.0-alpha01
🔵 UI 1.10.0 / 1.11.0-alpha01

▫️Material 3 1.5.0-alpha10
▫️Material3 Adaptive 1.3.0-alpha05
▫️Navigation3 1.0.0 🔥 / 1.1.0-alpha01
▫️Wear Compose 1.5.6 / 1.6.0-alpha06
XR Material3 Compose 1.0.0-alpha13
XR Compose 1.0.0-alpha09

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
4👍3❤‍🔥2🔥2
#Release #UI #Compose

Одна из новых интересных новинок в Compose 1.10 —
Modifier.scrollableArea()

Если упростить:
▫️Modifier.scrollable() просто сообщает, как двигался pointer,
▫️Modifier.scrollableArea() уже переводит это движение в то, как должен двигаться контент внутри обычного скролла.

Этот модификатор идеально подходит для случаев, когда verticalScroll / horizontalScroll не хватает, но при этом хочется больше дефолтной логики, чем у низкоуровневого scrollable().

scrollableArea() аккуратно занимает место между двумя существующими вариантами — и закрывает множество кастомных сценариев.

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥43🤔2
#Article #Medium #Internals #Multiplatform #Compose

🎨 Inside Jetpack ViewModel: Internal Mechanisms and Multiplatform Design

Статья глубоко разбирает, как на самом деле устроен Jetpack ViewModel и что скрывается за его «простым» API. Под капотом — ViewModelStore, фабрики, CreationExtras, синхронизация, очистка ресурсов и аккуратная работа с корутинами через viewModelScope.

Отдельно показано, как ViewModel переживает конфигурационные изменения, корректно отменяет корутины, кешируется и остаётся тестируемым.

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

📖 Читать статью
🌐 Зеркало статьи

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍83🔥2
#Release #Compose #Changelog

😇 Релиз Compose библиотек (17.12.2025)

🔵 Animation 1.11.0-alpha02
🔵 Foundation 1.11.0-alpha02
🔵 Material 1.11.0-alpha02
🔵 Runtime 1.11.0-alpha02
🔵 UI 1.11.0-alpha02

🆕 Remote 1.0.0-alpha01
▫️Material 3 1.5.0-alpha11
▫️Wear Compose 1.6.0-alpha07

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥2
#Article #Habr #Performance #Recomposition #Compose

🎨 Тепловизор для разработчика: подсвечиваем рекомпозиции прямо в коде

Статья о создании Riflesso — еще одного плагина для отслеживания рекомпозиций, но на этот раз в режиме реального времени, прямо в редакторе кода.

📖 Читать статью

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍123🔥1
🎄 Друзья, с наступающим (а у кого-то уже наступившим) Новым 2026 годом!
Пусть рекомпозиции будут только по делу, state — стабильным, а баги исчезают быстрее, чем выходят новые alpha.

🎨 В этом году по определённым причинам на канале было меньше активности, чем хотелось, но вы всё равно остались с Mobile Compose — и канал даже прибавил в аудитории.

Спасибо, что весь год были на Compose-волне. Дальше — больше 🚀

© Григорьев Дмитрий

#Offtop
Please open Telegram to view this post
VIEW IN TELEGRAM
19👍10🎉6🍾4
#Article #Habr #UI #Animation #Multiplatform #Compose

🎨 Анимация смены темы в Compose Multiplatform

Врываемся в 2026 с полезным контентом.
Все вы видели анимацию смены темы в Telegram.
А видели ли вы такую же реализацию в Compose Multiplatform? Теперь — видели.

📖 Читать статью

😼 Ссылка на библиотеку в Github

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥65❤‍🔥1
#Release #Compose #Changelog

😇 Релиз Compose библиотек (14.01.2026)

🔵 Animation 1.10.1/1.11.0-alpha03
🔵 Foundation 1.10.1/1.11.0-alpha03
🔵 Material 1.10.1/1.11.0-alpha03
🔵 Runtime 1.10.1/1.11.0-alpha03
🔵 UI 1.10.1/1.11.0-alpha03

▫️Remote 1.0.0-alpha02
▫️Material 3 1.5.0-alpha12
Material3 Adaptive 1.3.0-alpha06
▫️Wear Compose 1.6.0-alpha08

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92🔥11
Forwarded from Android Live 🤖
Styles API в Jetpack Compose 🚀

Интересного завезли. В Compose появился экспериментальный API для работы со стилями, который делает их изменение гораздо удобнее.

Сейчас работа с динамическими стилями требует немало ручного труда. И хотя InteractionSource неплохо приспособлен для этих задач, Styles API упрощает процесс в разы.

Ниже приведён пример кнопки, которая меняет цвет при состояниях hovered и pressed.


@Composable
fun InteractiveButton(onClick: () -> Unit) {
ClickableStyleableBox(
onClick = onClick,
style = {
background(Color.Green)
size(150.dp)
hovered { animate { background(Color.Yellow) } }
pressed { animate { background(Color.Red) } }
}
)
}


Выглядит неплохо, посмотрим, что будет дальше. Детали тут.
8👍4🔥4🤣21
#Release #Compose #Changelog

😇 Релиз Compose библиотек (28.01.2026)

🔵 Animation 1.10.2/1.11.0-alpha04
🔵 Foundation 1.10.2/1.11.0-alpha04
🔵 Material 1.10.2/1.11.0-alpha04
🔵 Runtime 1.10.2/1.11.0-alpha04
🔵 UI 1.10.2/1.11.0-alpha04

▫️Remote 1.0.0-alpha03
▫️Material 3 1.5.0-alpha13
Material3 Adaptive 1.3.0-alpha07
▫️Wear Compose 1.6.0-alpha09
▫️XR Compose 1.0.0-alpha10

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍43
#Release #Compose #Changelog

😇 Релиз Compose библиотек (11.02.2026)

🔵 Animation 1.10.3/1.11.0-alpha05
🔵 Foundation 1.10.3/1.11.0-alpha05
🔵 Material 1.10.3/1.11.0-alpha05
🔵 Runtime 1.10.3/1.11.0-alpha05
🔵 UI 1.10.3/1.11.0-alpha05

▫️Remote 1.0.0-alpha04
▫️Material 3 1.5.0-alpha14
Material3 Adaptive 1.3.0-alpha08
▫️Wear Compose 1.6.0-alpha10
Navigation3 1.0.1 / 1.1.0-alpha04

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62🔥1
🎨 Master Compose Shared Element Transitions: A Smooth UI Journey

В статье разобрана реализация Shared element transitions в Compose с использованием SharedTransitionScope и Modifier.sharedElement. Ключевое требование — согласованные и стабильные ключи на обоих экранах, иначе переход работать не будет.

Также рассмотрены типичные ошибки:
▫️нестабильные идентификаторы
▫️некорректная организация scope’ов
▫️порядок навигации

Основной акцент сделан на архитектурной корректности — при правильной настройке переходы улучшают связность интерфейса без лишней сложности.

🌐 Читать статью

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍102🔥21
#Release #Compose #Changelog

😇 Релиз Compose библиотек (25.02.2026)

🔵 Animation 1.10.4/1.11.0-alpha06
🔵 Foundation 1.10.4/1.11.0-alpha06
🔵 Material 1.10.4/1.11.0-alpha06
🔵 Runtime 1.10.4/1.11.0-alpha06
🔵 UI 1.10.4/1.11.0-alpha06

▫️Remote 1.0.0-alpha05
▫️Material 3 1.5.0-alpha15
Material3 Adaptive 1.3.0-alpha09
▫️Wear Compose 1.6.0-beta01
Navigation3 1.1.0-alpha05
XR Compose 1.0.0-alpha11
XR Material3 Compose 1.0.0-alpha15

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍3🔥1
Forwarded from In AsyncTask We Trust
😁403👍2
#Release #Compose #Changelog

😇 Релиз Compose библиотек (11.03.2026)

🔵 Animation 1.10.5/1.11.0-beta01
🔵 Foundation 1.10.5/1.11.0-beta01
🔵 Material 1.10.5/1.11.0-beta01
🔵 Runtime 1.10.5/1.11.0-beta01
🔵 UI 1.10.5/1.11.0-beta01

▫️Remote 1.0.0-alpha06
▫️Wear Compose 1.6.0-rc01
Navigation3 1.1.0-beta01

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥41
This media is not supported in your browser
VIEW IN TELEGRAM
#Article #UI #Animation

😇 Two-dimensional scrolling: scrollable2D, draggable2D

В документации Android появились подробности про 2D-скроллинг в Jetpack Compose. Если раньше для перемещения контента по обеим осям приходилось комбинировать verticalScroll и horizontalScroll (что не всегда работало гладко), то теперь есть нативные модификаторы scrollable2D и draggable2D.

Если коротко:

▫️Modifier.scrollable2D: Идеален для контейнеров с контентом, который больше экрана (карты, таблицы, фото). Главная фишка — поддержка fling (инерции) и нативного вложенного скроллинга. То есть, если вы доскроллили до края карты, скролл может бесшовно передаться родителю.

▫️Modifier.draggable2D: Более легковесный вариант для перемещения конкретных UI-элементов. В отличие от первого, здесь нет инерции — элемент останавливается ровно там, где вы оторвали палец. Подойдет для кастомных drag-n-drop анимаций.

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

😇 Читать статью

🎨 Mobile Compose 💬 Чат канала
Please open Telegram to view this post
VIEW IN TELEGRAM
19👍6❤‍🔥4
Maxимальные замедления

Судя по последним новостям, в ближайшее время Telegram в РФ может начать работать ещё хуже — либо перестать работать вовсе. Однако мы все взрослые и понимаем, что на любое действие рано или поздно находится противодействие.

Поэтому как оно появится — возвращайтесь, буду ждать вас тут с новой пачкой новостей о Compose.😉
Канал никуда переезжать не будет.

© Григорьев Дмитрий

#Offtop
1👍8426🔥7💯4❤‍🔥1