Mobile Compose – Telegram
Mobile Compose
2.91K subscribers
134 photos
4 videos
315 links
Твой главный путеводитель в мир Jetpack Compose и Compose Multiplatform.

Android XR: @android_xr
Личный блог: @grigorievdy_blog

Автор: @grigorievdy

Поддержать канал: https://news.1rj.ru/str/mobile_compose?boost
Download Telegram
#Article #Medium #Navigation

Android Then and Now: Navigation

Новая статья из серии сравнений различных компонентов Android-разработки "Тогда и Сейчас". На этот раз автор разбирает как изменилась навигационная архитектура мобильных приложений, Среди прочего, автор рассматривает и Single-View подход, который активно используется в Jetpack Compose.
#Release #Alpha #Changelog

Релиз Jetpack Compose 1.0.0-alpha11

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

▫️Переходы (transitions), основанные на transitionDefinition<>, теперь deprecated.
▫️Метод animateAsState() заменён на более конкретные методы animateFloatAsState(), animateDpAsState(), animateOffsetAsState() и т.д.
▫️Методы items(items: List) and itemsIndexed(items: List) для списков теперь являются extension-функциями, поэтому после миграции на alpha11 придётся их импортировать вручную.
▫️В конструктор Image и Icon добавлен обязательный параметр contentDenoscription.
▫️ScrollableColumn/Row теперь deprecated. Вместо них рекомендуется использовать LazyColumn и LazyRow.
▫️WithConstraints переименован в BoxWithConstraints и перемещён в пакет foundation.layout.
▫️У BasicTextField появился параметр decorationBox, который позволяет добавить различные декорации к текстовому полю (такие как иконка, заголовок, плейсхолдер и т.д.).
▫️Surface теперь может иметь несколько вложенных потомков.

Также обновление коснулось и дополнений, связанные с навигацией и пагинацией — navigation-compose и paging-compose были обновлены до версии 1.0.0-alpha06.
Изменений на этот раз довольно мало, в основном исправление существующих проблем:

▫️По пагинации существенных изменений нет.
▫️Для NavController добавлен extension-метод getBackStackEntry(route: String).

P.S. Также важно, что для перехода на alpha11 необходимо поднять версию Kotlin compiler до 1.4.21-2.
P.S.S. Мы преодолели отметку в 400! Спасибо всем, двигаемся дальше.
1
#Article #Medium

Jetpack Compose Image Content ScaleType Fully Illustrated

При работе с изображением нередко встает вопрос о его размещении внутри какой-либо другой формы. В традиционном Android UI-фреймворке мы имеем параметр android:scaleType, предлагающий различные режимы масштабирования, которые можно применить к изображению в зависимости от размера представления, в которое оно будет помещено. В Jetpack Compose для решения этого вопроса используются сразу два параметра — alignment и contentScale. Подробнее о том, в каких случаях нужно использовать те или иные значения параметров, автор рассказывает в сегодняшней статье.
#Release #Alpha #Changelog

Релиз Jetpack Compose 1.0.0-alpha12

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

▫️AnimatedValue/Float теперь deprecated. Вместо этого теперь стоит использовать Animatable. (Подробнее)
▫️Для LazyColumn/LazyRow добавлены настраиваемые ключи для более эффективной работы с изменяемыми данными списка. (Подробнее)
▫️tapGestureFilter, doubleTapGestureFilter, longPressGestureFilter и pressIndicaitonGestureFilter теперь deprecated. Доступ к жестам можно теперь получить при помощи Modifier.pointerInput и функции detectTapGestures. (Подробнее)
▫️ConstraintLayout вынесли в отдельное API, которое теперь нужно подключать отдельно к проекту. (Подробнее)
▫️Для Tab и BottomNavigationItem добавлен параметр enabled для обработки случая, когда компонент не должен реагировать на нажатия. (Подробнее)
▫️Блок ComponentActivity.setContent перенесен из пакета androidx.compose.ui.platform в androidx.activity.compose. (Подробнее)

Обновление коснулось и дополнений, связанные с навигацией и пагинацией — navigation-compose и paging-compose были обновлены до версии 1.0.0-alpha07.
Помимо этого, было добавлено еще дополнение для работы с ViewModel — lifecycle-viewmodel-compose
Некоторые из изменений, коснувшихся дополнений:

▫️navigation-compose теперь зависит от lifecycle-viewmodel-compose для обеспечения поддержки viewModel() composable-destinations. (Подробнее)
▫️NavHost теперь использует LocalOnBackPressedDispatcherOwner из зависимости Activity-Compose для получения OnBackPressedDispatcher. (Подробнее)

P.S. Также важно, что для перехода на alpha12 необходимо поднять версию Kotlin compiler до 1.4.30, а также подключить зависимость androidx.activity:activity-compose:1.3.0-alpha02.
​​Друзья! В последней публикации о новом релизе я решил добавить ссылки на PR в AOSP для каждого описанного изменения. Это может быть полезно тем, кто хочет воочию разобраться с тем, как то или иное изменение было реализовано. Как вам такая идея? Продолжать это в последующих релизах или оставить лишь краткое описание (как было раньше)?
#Article #Medium

Getting our apps ready for Jetpack Compose

Пока активно развивающийся Jetpack Compose близится к бета релизу, все больше разработчиков начинают задумываться о переводе своих уже существующих проектов на новый фреймворк. О том, как подготовиться к такому переходу “с минимальными потерями” рассказывает Android GDE Joe Birch в своей новой статье.
#Links #Release

Announcing #TheAndroidShow​: Jetpack Compose!

Как говорится, дождались 🔥!
Спустя почти полгода после перехода Jetpack Compose в статус alpha и выпуска 12 релизов обновлений, Google готов анонсировать beta релиз фреймворка на специально организованном мероприятии TheAndroidShow. Помимо анонса беты, нас ждут новости прямиком от разработчиков JC, ну и конечно же, надеемся на то, что нам назовут более-менее точную дату стабильного релиза.

▫️ Когда?24 февраля в 20:00

А для тех, кто по каким-либо причинам не сможет посмотреть шоу, я в любом случае устрою “разбор полётов” после мероприятия, где постараюсь осветить главные моменты🙂.
#Links #Release

#TheAndroidShow​: Jetpack Compose Livestream

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

Ссылка на трансляцию тут
#Links #Release #Beta

Обзор TheAndroidShow

Как и обещал, “разбор полётов” вчерашней конференции. В целом TheAndroidShow прошло неплохо, хотя именно новых каких-то вещей показано почти не было. Было много рассказов о том, как поменяет жизнь в лучшую сторону использование нового фреймворка, ответы на несколько вопросов из твиттера, а также мелкие подробности по поводу будущего JC.

Основные выводы шоу:

▫️ API теперь стабильное, никаких больше кардинальных изменений от релиза к релизу
▫️ При этом разработчики настаивают на том, что это всё-таки не Stable релиз, поэтому баги никто не отменял (именно над их устранением и будет работать команда до Stable)
▫️ Завезли новые решения для анимаций, которые решили показать прямо на шоу.
▫️ По Stable пока ничего не понятно, но, вроде как без изменений, ориентир на лето 2021.

P.S. Ну а ближайшее время ждите дайджест с изменениям в бете 😉
#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta01

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

▫️Важно!🔥 Modifier.width/height/size были переименованы в Modifier.requiredWidth/requiredHeight/requiredSize, а Modifier.preferredWidth/preferredHeight/preferredSize, наоборот, переименованы в Modifier.width/height/size. При миграции на бету обязательно нужно на это обратить внимание. (Подробнее)
▫️Modifier.zoomable() заменён на Modifier.transformable() с новой функциональностью. (Подробнее)
▫️Теперь поля ввода сами обрабатывают фокус, а значит (в теории) никаких больше костылей с открытием клавиатуры. (Подробнее)
▫️Добавлен новый LocalSoftwareKeyboardController вместо существующего SoftwareKeyboardController. (Подробнее)
▫️Добавлен интерфейс TextFieldColors для представления различных цветов текста внутри полей ввода. (Подробнее)
▫️Для кликабельных элементов (кнопок, или использующих Modifier.clickable()) вместо передачи interactionState = remember { InteractionState() } необходимо теперь использовать interactionSource = remember { MutableInteractionSource() } для обработки различных взаимодействий с компонентов. (Подробнее)
▫️Стандартный метод setContent() из compose:ui окончательно удалён. Вместо него нужно использовать аналогичный, получаемый из зависимости activity-compose. То же самое касается и viewModel() с LocalViewModelStoreOwner — для их использования теперь подключаем lifecycle-viewmodel-compose. (Подробнее)
▫️Если у вас есть векторная анимация, написанная внутри XML, этот ресурс теперь можно импортировать с помощью функции animatedVectorResource(). (Подробнее)
▫️А также большое количество мелких Material API изменений. (Подробнее)

Новое обновление коснулось и дополнений, связанных с навигацией и пагинацией — navigation-compose и paging-compose были обновлены до версии 1.0.0-alpha08, однако существенных изменений в них практически нет.

Важно также помнить, что для перехода на beta01 необходимо поднять версию Kotlin compiler до 1.4.30, а также использовать свежую версию Android Studio Arctic Fox Canary 8 (2020.3.1.8).

P.S. Нас уже больше 500! Спасибо всем, чем больше нас — тем быстрее будет развиваться комьюнити, а вместе с ним и разработка Jetpack Compose.
P.S.S. Также напомню, что у нас еще есть свой чат-канал, в котором вы можете задать интересующий вопрос по JC 🙂.
#Beta #TheAndroidShow #Video #Youtube

Android Developers: Jetpack Compose screencasts

Помимо проведённого TheAndroidShow, на Youtube канале Android Developers появилось много обучающих видео, посвященных новому фреймворку. Это одинаково хорошо как для только начинающих своё знакомство с JC, так и для тех, кто уже активно использует его в своих проектах. Я решил собрать все туториалы в одном месте:

▫️ Jetpack Compose: Beta overview — общий обзор возможностей Jetpack Compose в разрезе новой беты.

▫️ Jetpack Compose: State — обучающий ролик о работе с одной из главных фич JC - состоянием.

▫️ Jetpack Compose: Accessibility — обучающий ролик о добавлении в ваш проект специальных возможностей, таких как озвучка текста или contentDenoscription изображений при помощи TalkBack.

▫️ Jetpack Compose: Lists — обучающий ролик о работе со списком данных в вашем приложении.

▫️ Jetpack Compose: Animation — обучающий ролик о работе c различными видами анимаций при помощи нового API.

▫️ Jetpack Compose: Testing — обучающий ролик о правильном написании тестов для проверки корректности работы вашего приложения.

P.S. В след за “легкой эйфорией”, появившейся после презентации беты на шоу, пришла более суровая реальность миграции всех проектов с alpha12, что оказалось немного сложнее, чем переход между двумя альфа-релизами. А если и у вас возникали подобные проблемы — всегда можно задать вопрос в нашем чат-канале.
#Article #Medium

Architecture in Jetpack Compose — MVP, MVVM, & MVI

Интересная статья, разбирающая извечный вопрос “Какую архитектуру использовать для presentation-слоя приложения?” в контексте приложения на Jetpack Compose.

А какой архитектурный подход нравится больше вам?
#Article #Medium #Recomposition

How To Understand Composables & Recomposition: A Beginners Guide To Jetpack Compose

Неплохая статья, покрывающая основные фундаментальные концепции и термины, относящиеся к Jetpack Compose. Для лучшего восприятия материала, автор старается использовать как можно меньше незнакомых терминов, а также рассматривать новые концепции в сравнении с уже имеющимися решениями в традиционном UI-фреймворке.
#Release #Beta #Changelog

Релиз Jetpack Compose 1.0.0-beta02

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

▫️Небольшие изменения, связанные с выравниванием контента внутри AppBar и BottomAppBar. (Подробнее)
▫️Оптимизировали логику измерения LazyColumn, что позволило улучшить производительность списка примерно на 35%. (Подробнее)
▫️Добавлено дополнение hilt-navigation-compose с новым API для работы с viewmodel. (Подробнее)
▫️Исправлена проблема, возникавшая при сохранении состояния через rememberSaveable внутри NavHost destination. (Подробнее)

Новое обновление коснулось и дополнения, связанного с навигацией — navigation-compose было обновлено до версии 1.0.0-alpha09, основным изменением которой является то, что LocalViewModelStoreOwner.current теперь возвращает ViewModelStoreOwner? для точного определения, доступен ли ViewModelStoreOwner в текущей композиции.

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

Dealing with flaky tests in Jetpack Compose

Статья рассказывает о том, как работать с так называемыми “Flaky” тестами при покрытии Jetpack Compose кода. В качестве решения проблемы автор предлагает использовать функционал библиотеки Barista. Подробнее в сегодняшней статье.
#Article #Medium

Android Jetpack Compose: CompositionLocal Made Easy

Совсем недавно здесь была пост о том, как ребята из “Технократии” сделали библиотеку для динамической смены локализации при помощи CompositionLocal. В сегодняшней статье знакомимся поближе с этим инструментом, а также разбираемся в чём же разница между staticCompositionLocalOf и compositionLocalOf.
#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: Theme Made Easy

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

Jetpack Compose Animations I

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