Mobile Compose

#Article #Medium #UI

Android — How to Drag And Drop Views in Jetpack Compose

Неплохая статья, в которой автор рассказывает как реализовать Drag And Drop в вашем приложении на Compose на примере книги заказов еды 🍕.

#Release #Stable #Changelog

Релизы Jetpack Compose 1.1.1 – 1.2.0-alpha06

Очередной дайджест по основным изменениям последних релизов фреймворка, среди которых:

🔸Версия 1.1.1 (Stable)
▫️Исправлена проблема с RTL в LazyVerticalGrid. (Подробнее)
▫️Исправлен crash приложения при чтении данных из буфера обмена. (Подробнее)
▫️Исправлен выброс NPE при вызове RenderNodeLayer.updateDisplayList. (Подробнее)

🔸Версии 1.2.0-alpha04 – 1.2.0-alpha06 (Alpha)
▫️Добавлен интерфейс MotionDurationScale для работы с анимациями. (Подробнее)
▫️Добавлена поддержка зеркалирования контента VectorPainter при работе с RTL . (Подробнее)
▫️Появилась возможность асинхронной загрузки шрифтов для Text-функций. (Подробнее)
▫️Добавлена функция LazyHorizontalGrid. (Подробнее)
▫️Добавлена поддержка FilterChip. (Подробнее)
▫️ComposeContentTestRule.setContent теперь будет выбрасывать IllegalStateException в случае, если content уже существует. (Подробнее)

Новое обновление коснулось и различных дополнений, а именно:

▫️Compose для Wear, а также дополнения compose-material и compose-navigation для него обновлены до версии 1.0.0-alpha19
▫️Compose Material 3 (Material You) обновлен до версии 1.0.0-alpha08

#Article #Medium #Recomposition

Exploring MovableContentOf in Jetpack Compose

В статье разбирается недавно представленная в Compose (в версии 1.2.0-alpha03) функция movableContentOf, которая позволяет проходить по UI-контенту без необходимости его рекомпозиции. Как утверждает автор, такой подход позволяет сэкономить время и повысить производительность приложения.

#Video #Youtube #Animation

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

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

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

#Video #Youtube #WearOS

Compose for Widgets & Wearables / Андрей Берюхов (Авито)

Доклад от Андрея Берюхова с недавне прошедшей Podlodka Android Crew, в котором он рассказывает о нестандартных способах применения Compose, в том числе таких, как разработка под часы и виджеты (Jetpack Glance).

#Release #Stable #Changelog

Релизы Jetpack Compose 1.1.0 – 1.2.0-alpha03

Очередной дайджест по основным изменениям последних релизов фреймворка, среди которых:

🔸Версия 1.1.0 (Stable)
▫️Обновлена версия Kotlin до 1.6.10.
▫️Добавлена стабильная поддержка NavigationRail.
▫️Добавлена стабильная поддержка Overscroll effect из Android 12. (Подробнее)

🔸Версия 1.2.0-alpha03 (Alpha)
▫️Добавлена анимация для элементов Lazy Grid списков при помощи Modifier.animateItemPlacement(). (Подробнее)
▫️fontResource(FontFamily) теперь deprecated и заменени на FontFamilyResolver.preload(). (Подробнее)
▫️Для LazyListLayoutInfo и LazyGridLayoutInfo добавлены новые свойства — viewportSize, orientation и reverseLayout . (Подробнее)

Новое обновление коснулось и различных дополнений, а именно:

▫️Compose для Wear, а также дополнения compose-material и compose-navigation для него обновлены до версии 1.0.0-alpha16
▫️Compose Material 3 (Material You) обновлен до версии 1.0.0-alpha05

#конференция #реклама

Конференция Mobius от JUG Ru Group возвращается! 🔥

Mobius 2022 Spring — 23-26 мая, онлайн

Вы можете стать ее спикером. Если хотели поделиться знаниями с профессиональным сообществом, но сомневались, стеснялись или просто ждали удачного момента — это он.

От вас требуется только идея доклада — программный комитет поможет подготовиться. Конференция пройдет онлайн, поэтому можно выступить удаленно либо приехать для этого в студию в Питере.

Вот примеры тем, которые хотели бы видеть в программе:
– под капотом: ОС, языки, интеграции;
– архитектура;
– качество продукта: перформанс, accessibility, UI/UX;
– тренды: SwiftUI, Jetpack Compose, KMM, развитие платформ и сферы в целом;
– инфраструктура.

Но это лишь рекомендации — прийти можно с чем-то совершенно своим.

Заявки принимают до 21 марта. Переходите на сайт, чтобы узнать больше и заполнить анкету.

Кстати, билеты уже в продаже.

#Animation #GitHub #Libs

MotionCompose

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

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

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

#Release #Stable #Changelog

Релизы Jetpack Compose 1.1.0-beta04 – 1.2.0-alpha02

Очередной дайджест по основным изменениям последних релизов фреймворка, среди которых:

▫️Добавлена поддержка Kotlin 1.6.10.
▫️Появилась возможность добавлять отрицательный scroll offset в LazyListState.scrollToItem() и LazyListState.animateScrollToItem(). (Подробнее)
▫️Добавлена поддержка скролла колесом мыши такими компонентами, как LazyColumn, LazyRow, Modifier.verticalScroll и другими, использующими Modifier.scrollable. (Подробнее)
▫️Добавлен новый параметр userScrollEnabled для компонентов LazyColumn, LazyRow, и LazyVerticalGrid, позволяющий временно или насовсем отключить скролл, вызванный пользователем (программно вызванный скролл остается доступным). (Подробнее)
▫️Добавлены Modifier.onRotaryScrollEvent() and Modifier.onPreRotaryScrollEvent() для работы с вращающейся боковой кнопкой смарт-часов. (Подробнее)

Новое обновление коснулось и различных дополнений, а именно:

▫️ConstraintLayout-compose обновлен до версии 1.0.0
▫️Hilt-Navigation-Compose обновлен до версии 1.0.0
▫️Compose для Wear, а также дополнения compose-material и compose-navigation для него обновлены до версии 1.0.0-alpha15
▫️Compose Material 3 (Material You) обновлен до версии 1.0.0-alpha04

#Article #Medium

Jetpack Compose Side Effects Made Easy

Понимание side-эффектов Jetpack Compose является необходимым для эффективного использования фреймворка, а также его работы с элементами кода нашего приложения, не связанными с Compose. В статье описываются существующие side-эффекты в Compose с подробным описанием и примерами использования.

#Article #Medium

Jetpack Compose: Detect the number of fingers touching the screen

В документации по жестам Jetpack Compose описаны различные способы обнаружения жестов множественных касаний экрана, однако ни один из них не дает вам способа получить точное количество пальцев, коснувшихся экрана. В статье автор статьи делится своим решением данной проблемы.

#Article #Performance #Habr #Medium

Jetpack Compose — оптимизация производительности списка

Отличный перевод статьи, в которой автор рассказывает, каким образом можно добиться оптимизации производительности списков при помощи key функции. Также в материале разбирается что такое место вызова (call site) composable функции и какие могут возникнуть проблемы при неправильном его использовании.

#Video #Youtube #Performance

Optimizing Render Performance of Jetpack Compose

Тема производительности Jetpack Compose является одной из самых горячо обсуждаемых в сообществе. В данном докладе William Shelor разбирает какие на самом деле существуют подводные камни, связанные с performance в Compose, а также дает практические советы по его оптимизации.

P.S. Поскольку Compose становится всё популярнее среди тем для различных видео-докладов, я подумал, что было бы неплохо разнообразить контент канала, поэтому таких лекций теперь будет больше. Ну а если вы сами нашли что-то полезное и хотели бы этим поделиться - можете смело писать в личку (@grigorievdy).

#offtop #NY2022

Друзья! Уже совсем скоро наступит Новый год, а значит, самое время проводить Старый.🎄

В 2021 было много разных событий, и одно из наиболее значимых для нас – это, безусловно, релиз Jetpack Compose. Помимо радостных моментов, были и непростые испытания, с которыми, я уверен, вы успешно справились (или обязательно справитесь).

Ну и что немаловажно, за этот год мы выросли более чем в 1.5 раза, в чём, несомненно, заслуга каждого из нас.❤️

Желаю вам как следует отдохнуть на новогодних праздниках и с новыми силами вернуться уже в наступившем году.💪🏼

P.S. Добавил поддержку реакций в канале, так что теперь можете реагировать на посты.🙂

#Medium #Article

Koin for Compose proposal (Jetpack and Multiplatform)

Статья об опыте создании библиотеки Cokoin (расширения над Koin, предназначенного для работы с Compose), в которой автор затрагивает такие темы как:
▫️ Inject при работе с Preview
▫️ Поддержка Koin-ом Composable скоупа
▫️ Добавление поддержки Compose Multiplatform

#Article #Habr #Medium #Navigation

Масштабируем Jetpack Compose Navigation

Перевод интересной статьи об опыте решения проблем масштабирования навигации в приложении на Compose. Пригодится, когда приложение состоит (или планируется что будет состоять) из большого количества экранов с не самой простой логикой переходов между ними.
Также для желающих прикрепил оригинал материала.

#Habr #Article

Этапы работы Jetpack Compose

Статья с переводом официальной документации Compose, описывающая этапы отрисовки кадров в Jetpack Compose. В статье рассматриваются:
▫️Три этапа отрисовки кадра
▫️Считывание состояния
▫️Поэтапное считывание состояния
▫️Оптимизация считывания состояния
▫️Цикл рекомпозиции

#Article #Medium

Jetpack Compose’s Rows and Column or ConstraintLayout?

Хорошая статья с разбором того, в каких случаях при проектировании UI c Jetpack Compose необходимо использовать ConstraintLayout, а в каких случаях можно обойтись Row и Column (а также каких правил стоит придерживаться, чтобы избежать оверхеда с вложенностью компонентов).

#Article #Blog

Slotting in with Compose UI

Статья от Криса Бэйнса, в которой он рассказывает о паттерне Slot API — шаблоне, широко применяемом во всей кодовой базе Compose UI.

#Article #Medium #WearOS

Compose + Wear OS: Chromatic Tuner

Приложение для WearOS, да ещё и при помощи Jetpack Compose — о том, как это всё совместить в рамках одного проекта, рассказывает автор сегодняшней статьи на примере разработки функционала хроматического тюнера.