Mobile Compose

​​#Article #Blog #Compose

Parallax effect in Jetpack Compose

Статья от Криса Бэйнса о том, как реализовать эффект параллакса в своем приложении.

🗣 Выглядит неплохо, правда пока "эффект параллакса" кажется больше каким-то buzzword-ом, нежели полезным UI-приёмом.

​​#Release #Compose #Changelog

📣 🆕 Релиз Compose библиотек 1.6.0-alpha06

Из основных изменений:

▫️Новое экспериментальное API для работы с SurfaceView и TextureView — функции-обёртки GraphicsSurface и EmbeddedGraphicsSurface. 🔥 (Подробнее)
▫️Modifier.magnifier() теперь stable. (Подробнее)
▫️Переработана логика масштабирования шрифтов в приложении. (Подробнее)
▫️В ScrollScope добавлены функции updateCurrentPage и updateTargetPage для кастомизации анимированного скролла через PagerState.scroll. (Подробнее)

Подробнее о релизе:
🔸Animation
🔸Foundation
🔸Material
🔸Runtime
🔸UI

#Article #Medium #Compose

Automate screenshot testing for Compose previews via reflection

Хорошая статья от подписчика Mobile Compose @rkam88, в которой он делится своим подходом к автоматизации скриншот тестов в приложении с минимальными временными затратами.

Зеркало статьи 👉 тут

🗣 А если и у вас есть материал по Compose, которым вы готовы поделиться — можете предложить его в нашем чате.

👆Решил немного привести в порядок навигацию по каналу, так что теперь любой пост будет гораздо проще найти по одной из категорий.

Также Mobile Compose теперь есть и в LinkedIn! Там будут все те же публикации, только на английском языке.
Ссылка 👉 тут. Залетайте на огонёк 🔥

Mobile Compose pinned «🗺​​ Навигация по каналу 🗺 Статьи: ▫️#Article — все статьи о Compose ▫️#Medium — статьи на Medium ▫️#Habr — статьи на Habr ▫️#Blog — статьи на сторонних сайтах (обычно это персональные блоги) Видео: ▫️#Video — все видеодоклады о Compose ▫️#GoogleIO — видеодоклады…»

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

Статьи:
▫️#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 — ну тут понятно 🙃

#Article #Medium #Compose

Unleashing Compose on the Terminal: Building Pikslate

Чуть более 2 лет назад небезызвестный Jake Wharton представил Mosaic — библиотеку для создания консольных интерфейсов поверх Compose compiler/runtime.
Автор сегодняшней статьи пошел дальше, и при помощи Mosaic сделал Pikslate — софт для рендера картинок и видео в терминале (да, это кому-то необходимо).

Зеркало статьи 👉 тут

​​#Release #Compose #Changelog

📣 🆕 Релиз Compose библиотек 1.6.0-alpha05

Из основных изменений:

▫️Добавлен класс PathEasing для произвольной настройки easing в анимациях. (Подробнее)
▫️BasicTooltipBox API добавлен в пакет compose.foundation для возможности использования как в Android, так и в Desktop. (Подробнее)
▫️Для иконок из material-icons-core и material-icons-extended добавлена поддержка зеркального отображения при RTL-разметках (к примеру, Icons.AutoMirrored.Filled...). (Подробнее)
▫️Добавлен новый модификатор Modifier.preferKeepClear(). (Подробнее)

Подробнее о релизе:
🔸Animation
🔸Foundation
🔸Material
🔸Runtime
🔸UI

#Medium #Article #Compose

Integrating Jetpack Compose UI in an Existing Epoxy Codebase

Небольшая статья, посвященная интеграции Compose UI элементов в кодовую базу Epoxy RecyclerView на проекте.

Зеркало статьи 👉 тут

#Habr #Article #Compose

Использование Compose для ТВ-версии приложения Иви: мощный фреймворк для создания эффективных Android-приложений

Крутой кейс от разработчиков из Иви, в котором они делятся опытом интеграции Compose в их приложение на Android TV.

​​#Release #Compose #Changelog

📣 🆕 Релиз Compose библиотек 1.6.0-alpha04

Из основных изменений:

▫️Добавлен SeekableTransitionState, позволяющий отслеживать прогресс transition-анимаций. (Подробнее)
▫️Добавлен интерфейс ReusableComposition для управления ЖЦ и переиспользования сабкомпозиций. (Подробнее)
▫️Modifier.focusGroup теперь stable. (Подробнее)
▫️ScrollState.viewportSize стал public. (Подробнее)
▫️Исправлен расчёт offset-а у DropdownMenu. (Подробнее)
▫️В Graphics API возвращены androidx аннотации (ColorInt, FloatRange, IntRange, Size и др.). (Подробнее)

———————————————

Также Compose Compiler обновлен до версии 1.5.3, в которой добавлена поддержка версии Kotlin 1.9.10.

Подробнее о релизе:
🔸Animation
🔸Foundation
🔸Material
🔸Runtime
🔸UI

#Article #Medium #Compose

A few shorthands for Jetpack Compose

💪 После небольшого перерыва врываемся в рабочую неделю сразу с полезностями, а именно:

Статья с набором полезных (по мнению автора) часто используемых функций-обёрток, которые могут сократить время при разработке приложений на Compose.

#Article #Medium #State #Compose

Jetpack Compose: Mastering States

Короткая, но полезная статья с разбором policy: SnapshotMutationPolicy<T> — второго и опционального параметра всем нам знакомой функции mutableStateOf, который может принимать одно из трёх значений:
▫️structuralEqualityPolicy
▫️neverEqualPolicy
▫️referentialEqualityPolicy

О том, что каждое из них означает и где может быть применено — в сегодняшнем материале.

#Video #Compose #Navigation

Декларативная архитектура и навигация с Decompose

Доклад c весеннего сезона Mobius 2023 от Алексея Панова, в котором он рассказывает про декларативную архитектуру и навигацию, а также на реальном примере показывает, как всё это интегрировать в проект с помощью библиотеки Decompose.

​​#Article #Medium #Compose

A Developer’s Approach to Identifying Jetpack Compose Usage in Apps

🗣 Отвлечемся от всех этих релизов...
Тут человек обнаружил способ определять какой UI фреймворк использует приложение без изучения его кода. Для этого нужен всего-лишь старый советский ... тоггл "Show layout bounds" из раздела Developer Options устройства.

Если вкратце:
▫️Android Views, React Native, и даже Compose внутри ComposeView — отмечаются синим цветов по углам
▫️Jetpack Compose — никаких синих углов, но обводка всё еще сохраняется
▫️Flutter — вообще никаких обводок ui компонентов

Зеркало статьи 👉 тут

Для тех, кто вдруг переживал за то, что ChatGPT заменит программистов — мы в безопасности.

#Offtop

​​#News #Multiplatform #Release #Compose

📣 🆕 Релиз Compose Multiplatform 1.5.0-beta01

Из основных изменений:

Common
▫️Добавлены Dialog и Popup, а также поддержка WindowInsets
▫️Оптимизирована работа Canvas

iOS
▫️Физика скролла теперь похожа на нативную в iOS
▫️Шрифт по умолчанию теперь San Francisco
▫️Добавлена поддержка Density.textSize (Dynamic Type)
▫️Добавлена поддержка 120 FPS.

Подробнее о релизе 👉 тут

​​#News #Compose #Compiler

🆕🔥 Новости с полей: начиная с версии 1.5.0 Compose Compiler обеспечивает экспериментальную поддержку компилятора K2.
При этом, пока не весь функционал Compose поддерживается новой версией компилятора, часть будет добавлена позже в будущих версиях.

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

🇰🇷 Внезапно в Сеуле 🙃

Кстати, буквально неделю назад исполнилось ровно два года, как вышел первый стабильный релиз Jetpack Compose (1.0).
Как быстро летит время...

#Offtop

#Article #Medium #Compose

Jetpack Compose — The order of modifiers does matter

Статья посвящена такой важной теме при знакомстве с Jetpack Compose, как порядок модификаторов.