​​#Tools #Compose

Jetpack Compose SVG to Compose converter

Появился онлайн конвертер SVG файлов (можно загрузить как SVG код так и файл целиком) в Composable функции. В некоторых кейсах вполне полезный инструмент.

Похоже, что убийца Twitter новое приложение Threads от Meta полностью написано на Compose. И всё это при своём живом React Native 🙃
Такие дела.

#News #Compose #Offtop

#Article #Medium #Canvas

Plotting Gradient Bezier Trends with Jetpack Compose

Новая (и очередная) статья о рисовании графика на канвасе в Compose при помощи кривых Безье.
Для тех, у кого проблемы с открытием Medium - зеркало.

#Video #Compose #Navigation

Навигируемся в Jetpack Compose

Доклад с осеннего Mobius 2022, посвященный одной из наиболее холиварных тем в Compose — выбору решения для навигации. В сравнении участвовали 4 основных библиотеки — Google Navigation, Appyx, Voyager и Modo.

​​#Libs #Compose

compose-bandage-reveal — интересный пример реализации эффекта "наклейки" для Swipe-To-Dismiss жестов.

#Article #Medium #Libs

Introducing Nibel: A Navigation Library for Adopting Jetpack Compose in Fragment-Based Apps

Команда Turo Engineering представила Nibel — навигационную open-source библиотеку для интеграции Jetpack Compose в Android-приложения на основе фрагментов. Используя возможности Kotlin Symbol Processor (KSP), Nibel обеспечивает типобезопасный способ навигации между экранами в следующих сценариях:
▫️fragment → compose
▫️compose → compose
▫️compose → fragment

👤 К слову, официальное приложение ChatGPT на Android также полностью написано на Compose.

#News #Compose #Offtop

​​#News #Multiplatform #Release #Compose

📣 🆕 Вышел релиз Compose Multiplatform 1.4.3

В новой версии добавили поддержку Kotlin 1.9.0, а также несколько исправлений имеющихся ошибок.
Подробнее о релизе 👉 тут

#Article #Medium #Compose

Jetpack Compose — The order of modifiers does matter

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

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

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

#Offtop

​​#News #Compose #Compiler

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

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

​​#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.

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

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

#Offtop

​​#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 компонентов

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

#Video #Compose #Navigation

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

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

#Article #Medium #State #Compose

Jetpack Compose: Mastering States

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

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

#Article #Medium #Compose

A few shorthands for Jetpack Compose

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

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

​​#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

#Habr #Article #Compose

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

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