Mobile Compose

#Release #Stable #Changelog Релизы Jetpack Compose 1.0.4 – 1.1.0-alpha06 Очередной дайджест по основным изменениям последних релизов фреймворка, среди которых: ▫️Добавлена поддержка Kotlin 1.5.31. ▫️Добавлен ExposedDropdownMenu, созданный на основе ExposedDropdownMenuBox с компонентами TextField и DropdownMenu внутри. (Подробнее) ▫️В интерфейс LayoutInfo добавлены два поля — density и layoutDirection для правильной интерпретации размеров и положения, отображаемых в LayoutInfo. (Подробнее) ▫️Добавлена концепция ModifierLocals (схожая с CompositionLocals). (Подробнее) Новое обновление коснулось и различных дополнений, а именно: ▫️paging-compose обновлен до версии 1.0.0-alpha14 ▫️Compose для Wear и дополнение compose-material для него обновлен до версии 1.0.0-alpha08

#Article #Medium Accessibility in Jetpack Compose Обзорная статья по недавно вышедшему codelab-у от Google, посвященному реализации accessibility-функций (для людей с ограниченными возможностями) в вашем приложении на Jetpack Compose.

#Medium #Article #Animation Creating a rotating card in Jetpack Compose Небольшая статья на тему создания анимации переворота карточки по своей оси с отображением её содержимого на обратной стороне.

#Article #Medium How to Share Composable 🚀 as Bitmap ? Composable код —> Bitmap О том, как возможна такая конвертация, автор рассказывает в сегодняшней статье.

#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 Creating a Repeating Button with Jetpack Compose Статья об опыте создания RepeatingButton — кнопки-счётчика, изменяющей значение с постепенным ускорением при длительном нажатии на неё.

#Medium #Article #Entertainment Checkmate on Compose (Part 1 & Part 2) Статья из двух частей от разработчика из Bumble, в которой он рассказывает о написании собственного приложения для игры в шахматы на Jetpack Compose в качестве тренировки перед внедрением фреймворка в рабочий проект.

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

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

#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

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

#Release #Stable Релиз Jetpack Compose 1.0 🔥🔥🔥 Вот и наступил тот день, которого мы так долго ждали - вышел стабильный релиз Jetpack Compose. Для кого-то это повод наконец познакомиться с тулкитом, а для других — начать процесс интеграции в свой проект. При этом, разработчики Jetpack Compose не собираются останавливаться на достигнутом и уже в следующих релизах планируют сфокусироваться на: ▫️Улучшении производительности ▫️Интеграции Material You ▫️Разработке виджетов ▫️Поддержке WearOS и многом другом.

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

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

#Release #RC #Changelog Релиз Jetpack Compose 1.0.0-rc01 Вышел первый Jetpack Compose RC!🔥 Некоторые из изменений, пришедших с последним обновлением: ▫️Canvas теперь поддерживает параметр contentDescription. (Подробнее) ▫️При значении параметра 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 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 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 ▫️Улучшения функций работы с текстом и многое другое. Больше информации в блоге компании.