​​Друзья, у меня для вас маленькое объявление🔥.

Нас уже почти 600, и это наше общее большое достижение. За чуть больше полугода существования канал вырос до крупнейшего ресурса в Telegram, посвященного Jetpack Compose. Однако на этом мы останавливаться не будем. Отныне тематика канала будет посвящена использованию Compose не только в Android, но и в мобильной (а также кроссплатформенной) разработке в целом.

А для формирования правильной айдентики канала я решил, что теперь он будет называться "Mobile Compose", что наиболее точно будет отражать его контент.

Всем спасибо, двигаемся дальше!🙂

​​#Conference

SECON'2021

Уже совсем скоро, в конце июня пройдет XII Международная конференция разработчиков ПО SECON'2021, на которой будет куча интересных докладов про мобильную разработку, кроссплатформу, геймдев и многое другое (кстати, я там тоже выступлю с материалом 😉). Ну а для тех, кто захочет отдохнуть между докладами, на территории конференции будет доступно множество активностей (включая Afterparty в конце первого дня).

◽️ Где? — гостиничный комплекс «Арт-Пенза»
◽️ Когда? — 19 и 20 июня
◽️ Подробности? — На официальном сайте мероприятия

#Article #Medium

Wastewater tracking app with HMS ML Kit sound detection and Jetpack Compose

Разнообразие идей применения Jetpack Compose в различных задачах не перестает удивлять. На этот раз автор решил написать приложение для учёта расхода воды при помощи HMS ML Kit и Jetpack Compose. Как и что из этого вышло — в сегодняшней статье.

#compose #desktop #kotlin

Compose for Desktop: Milestone 4 Released

Compose для десктоп продолжает стремительно развиваться и вот уже вчера, ребята из JetBrains представили новое обновление фреймворка — Milestone 4. Новый релиз содержит множество функций, которые упростят разработку десктопных решений, в числе которых:

▫️Новое эксперементальное API для работы с Window, Dialog, MenuBar, и Tray
▫️Добавление поддержки Tooltip при помощи компонента BoxWithTooltip
▫️Улучшения функций работы с текстом и многое другое.

Больше информации в блоге компании.

#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta07 & 1.0.0-beta08

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

▫️AnimatedVisibility теперь можно определять при помощи MutableTransitionState, а также отслеживать изменения жизненного цикла анимации извне. (Подробнее)
▫️Теперь функции detectDragGestures(), detectVerticalGestures() и detectHozirontalGestures() самостоятельно отслеживают и используют изменения положения при жестах (без необходимости дополнительно вызывать .consumeAllChanges()). (Подробнее)
▫️Добавлен таймаут при касании clickable и toggleable элементов для предотвращения показа рипл-эффекта при скроллинге. (Подробнее)
▫️Modifier.focusModifier() теперь deprecated и заменен на Modifier.focusTarget(). (Подробнее)
▫️Card и Surface теперь принимают обязательный параметр onClick, куда стоит вынести всю логику из Modifier.clickable (использование которого теперь будет бесполезным). (Подробнее о Card и подробнее о Surface)
▫️Исправлена проблема beta07, при которой список элементов отображался частично после скролла. (Подробнее)

Новое обновление коснулось и различных дополнений, а именно:
▫️lifecycle-viewmodel-compose обновлен до версии 1.0.0-beta08
▫️paging-compose обновлен до версии 1.0.0-alpha10
▫️constraintlayout-compose обновлен до версии 1.0.0-beta07

#Article #Medium #UI

Creating a segmented progress bar in Jetpack Compose

Обработка и визуализация прогресса выполнения длительной операции является важным правилом при разработке приложения с точки зрения UI/UX. В Jetpack Compose для этих целей у нас есть два вида индикаторов прогресса — CircularProgress и LinearProgress. Автор сегодняшней статьи рассказывает о создании собственной реализации данного компонента - сегментированного прогресса (внешне похожего на тот, что есть в историях Instagram).

#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta09

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

▫️ManualFrameClock удален, вместо него использовать composeTestRule.mainClock. (Подробнее)
▫️В OutlinedTextField добавлен параметр Shape для кастомизации обводки поля. (Подробнее)
▫️Compose-тесты теперь можно запускать при помощи Robolectric. (Подробнее)
▫️Теперь при указании уникальных ключей для элементов списков LazyColumn / Row позиция прокрутки будет базироваться на основе ключа, т.е. добавление/удаление элементов перед текущим видимым элементом не будет влиять на скролл. (Подробнее)

Новое обновление коснулось и различных дополнений, а именно:
▫️lifecycle-viewmodel-compose обновлен до версии 1.0.0-alpha07
▫️hilt-navigation-compose обновлен до версии 1.0.0-alpha03

#Article #Medium

Supporting different screen sizes on Android with Jetpack Compose

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

#Release #RC #Changelog

Релиз Jetpack Compose 1.0.0-rc01

Вышел первый Jetpack Compose RC!🔥
Некоторые из изменений, пришедших с последним обновлением:

▫️Canvas теперь поддерживает параметр contentDenoscription. (Подробнее)
▫️При значении параметра Modifier.clickable(enabled=false) клик на компонент не будет передаваться вверх по иерархии компонентов. То же самое касается toggleable и selectable. (Подробнее)
▫️Добавлен новый UI-компонент BadgeBox. (Подробнее)
▫️Добавлена эксперементальная поддержка HSV и HSL цветовых моделей. (Подробнее)
▫️Диалоговые окна теперь способны занимать всю ширину экрана. (Подробнее)

Новое обновление коснулось и различных дополнений, а именно:
▫️paging-compose обновлен до версии 1.0.0-alpha11
▫️Добавлена поддержка compose для Wear и дополнение compose-material для него версии 1.0.0-alpha01

#Article #Medium #Animation

Lottie Animations in Jetpack Compose Android

Статья с описанием того, как интегрировать Lottie анимации в приложениях на Jetpack Compose благодаря специальному дополнению lottie-compose.

#Medium #Article

Using Exoplayer in LazyColumn

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

#Release #Stable

Релиз Jetpack Compose 1.0 🔥🔥🔥

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

При этом, разработчики Jetpack Compose не собираются останавливаться на достигнутом и уже в следующих релизах планируют сфокусироваться на:
▫️Улучшении производительности
▫️Интеграции Material You
▫️Разработке виджетов
▫️Поддержке WearOS и многом другом.

#Multiplatform #Alpha #Blog

Compose Multiplatform goes Alpha, unifying Desktop, Web, and Android UIs

Представлена альфа-версия Compose Multiplatform, объединяющая и унифицирующая разработку под Android, Web и Desktop.

#Release #Stable #Changelog

Релизы Jetpack Compose 1.0.0 – 1.1.0-alpha01

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

▫️LazyVerticalGrid теперь принимает параметры для вертикального и горизонтального расположения элементов. (Подробнее)
▫️Добавлено поведение для TextField для очистки выделения при нажатии на системную кнопку “Back” (как это сделано в Android EditText). (Подробнее)
▫️Добавлен новый компонент NavigationRail как еще один способ навигации по экранам приложения. (Подробнее)
▫️BadgeBox переименован в BadgedBox и теперь принимает в качестве параметра функцию Badge. (Подробнее)
▫️Добавлено новое BrushPainter API. (Подробнее)

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

▫️paging-compose обновлен до версии 1.0.0-alpha12
▫️constraintlayout-compose обновлен до версии 1.0.0-beta02
▫️Compose для Wear и дополнение compose-material для него обновлен до версии 1.0.0-alpha03

#Article #Blog

Jetpack Compose Support in Workflow

Интересная статья от инженера из Square, в которой он рассказывает об опыте интеграции Jetpack Compose с их собственной библиотекой Workflow для описания бизнес-логики в декларативном стиле.

#Article #Medium #Performance

Measuring Render Performance with Jetpack Compose

Интересная статья от разработчиков, решивших перед внедрением Jetpack Compose в проект измерить насколько фреймворк влияет на производительность системы в сравнении с привычным XML.
Результаты тестов - в сегодняшней статье.

#Medium #Article #Entertainment

Checkmate on Compose (Part 1 & Part 2)

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

​​#Article #Medium

Creating a Repeating Button with Jetpack Compose

Статья об опыте создания RepeatingButton — кнопки-счётчика, изменяющей значение с постепенным ускорением при длительном нажатии на неё.

#Release #Stable #Changelog

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

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

▫️Добавлена поддержка Jetpack Compose Kotlin версии 1.5.30. (Подробнее)
▫️Новые Enter/Exit анимации, которые можно использовать в комбинации с уже имеющимися. (Подробнее)
▫️Добавлена поддержка StartOffset функциями infiniteRepeatable и repeatable (полезно когда нужно задержать начало анимации). (Подробнее)
▫️Добавлена поддержка DpSize для size и requiredSize модифаеров. (Подробнее)
▫️Компонент Divider теперь учитывает Dp.Hairline для отрисовки однопиксельных разделителей вне зависимости от плотности экрана. (Подробнее)

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

▫️navigation-compose обновлен до версии 2.4.0-alpha09
▫️Compose для Wear и дополнение compose-material для него обновлен до версии 1.0.0-alpha06

#Article #Medium

How to Share Composable 🚀 as Bitmap ?

Composable код —> Bitmap
О том, как возможна такая конвертация, автор рассказывает в сегодняшней статье.

#Medium #Article #Animation

Creating a rotating card in Jetpack Compose

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