Mobile Compose

#Article #Medium

Supporting different screen sizes on Android with Jetpack Compose

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

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

Creating a segmented progress bar in Jetpack Compose

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

#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

#compose #desktop #kotlin

Compose for Desktop: Milestone 4 Released

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

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

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

#Article #Medium

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

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

​​#Conference

SECON'2021

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

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

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

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

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

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

#Article #Medium

Compose CameraX on Android

Jetpack Compose + CameraX = ?
На данный момент официального способа интегрировать CameraX в приложение на компоузе нет. Автор статьи рассказывает как можно обойти это ограничение, предлагая для этого свое решение.

#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta05 & 1.0.0-beta06

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

▫️Добавлены новые CollectionInfo и CollectionItemInfo API для работы с semantics списков. (Подробнее)
▫️Добавлены дефолтные значения (0.dp) для PaddingValues. (Подробнее)
▫️Исправлен баг с некорректным размером Row/Column при использовании weight(fill = false) дочерним элементом. (Подробнее)
▫️Добавлены Font() функции для получения шрифтов из ресурсов, файлов и FileDescriptor. (Подробнее)
▫️Добавлен конструктор TextUnit(value: Float, type: TextUnitType). (Подробнее)

Последние обновления получились без кардинальных изменений и не затронули navigation-compose и paging-compose.

#Article #Blog #Web #Compose

Technology Preview: Jetpack Compose for Web

Команда разработчиков JetBrains несколько дней назад представили технологическое превью Compose for Web — имплементацию известного нам UI-фреймворка для Web разработки. Больше подробностей о новой разработке можно прочитать в блоге компании.

#Youtube #Video

Android Crew LiveCoding: Compose Advanced

Совсем недавно на очередной Podlodka Android Crew была организована livecoding сессия по Jetpack Compose, а вел ее сам разработчик фреймворка из Google (а по совместительству гость нашего канала 🙂) — Андрей Куликов. Целью доклада было сфокусироваться на более продвинутых вариантах использования приложений, а также показать как они реализуются при помощи Jetpack Compose. Рекомендую к просмотру!

#Article #Medium #Canvas

Exploring Jetpack Compose Canvas: the power of drawing

Работа с Canvas является одной из основополагающих в создании собственных UI-компонентов. В сегодняшней статье автор делится своим опытом работы с Canvas при помощи Jetpack Compose. Большая часть примеров кода приведена из проекта автора, созданного в рамках TheAndroidDevChallenge#2.

#Article #Medium #Animation

Android Jetpack Compose: DecayAnimationSpec Made Easy

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

#Article #Medium #Animation

Android Jetpack Compose: Animation Spec Made Easy

Грамотное использование интерполяции позволяет задать анимации более реалистичное поведение. При работе с Jetpack Compose наиболее распространенным способом интерполировать анимацию является использование интерфейса AnimationSpec. Что это и как это правильно использовать в своих проектах в сегодняшней статье.

#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta04

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

▫️Методы showSoftwareKeyboard() и hideSoftwareKeyboard() интерфейса SoftwareKeyboardController переименованы в show() и hide() соответственно. (Подробнее)
▫️Добавлен новый тип TextOverflow для текстовых полей — Visible. (Подробнее)
▫️Теперь локальные composable функции (объявленные внутри других аналогичных) не будут игнорироваться при рекомпозиции внешней функции. (Подробнее)
▫️Исправлена проблема rememberSaveable() с восстановлением некорректного значения при работе с полями ввода. (Подробнее)
▫️Добавлено новое LiveRegion API для работы со специальными возможностями Android. (Подробнее)

Новое обновление коснулось и дополнения, связанного с навигацией — navigation-compose было обновлено до версии 1.0.0-alpha10.

Важно также помнить, что для перехода на beta04 необходимо поднять версию Kotlin compiler до 1.4.32.

#Article #Medium #Animation

Jetpack Compose Animations I

Одни из наиболее значительных изменений, появившихся с приходом бета-версии, касаются нового API анимации, упрощающего процесс поддержки уже существующих, а также создания новых анимаций. Часть анимаций из нового API с примерами кода и демонстрацией результата показывает автор сегодняшней статьи.

#Article #Medium

Android Jetpack Compose: Theme Made Easy

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

#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta03

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

▫️DefaultMonotonicFrameClock теперь deprecated. Теперь вызов функций withFrameNanos и Recomposer.runRecomposeAndApplyChanges без использования MonotonicFrameClock будет выбрасывать IllegalStateException. (Подробнее)
▫️Добавлено новое API LeadingIconTab для поддержки отображения табами иконок и текста. (Подробнее)
▫️Добавлены опциональные параметры startX/endX и startY/endY для функций swipeUp/swipeDown/swipeLeft/swipeRight из GestureScope. (Подробнее)
▫️FlingBehavior.performFling() теперь вызывается даже при velocity равной 0. (Подробнее)

Новое обновление получилось довольно компактным, без кардинальных изменений, а также обновлений navigation-compose и paging-compose.

#Article #Medium

Android Jetpack Compose: CompositionLocal Made Easy

Совсем недавно здесь была пост о том, как ребята из “Технократии” сделали библиотеку для динамической смены локализации при помощи CompositionLocal. В сегодняшней статье знакомимся поближе с этим инструментом, а также разбираемся в чём же разница между staticCompositionLocalOf и compositionLocalOf.