Google на примере JetLagged показала как с помощью Jetpack Compose и библиотек от Google можно добавиться гибкого UI (читайте статью тут). Используются Flow layouts, WindowSizeClasses, movableContentOf, анимаци для плавного перехода и др. API

#compose

Короткая статья с описанием того как под капотом устроена работа Compose чтобы модифицировать код с Composable аннотациями и привести его к исполняемому виду

#подкапотом #compose

Composable Screens - приложение с демонстрацией сложных интерфейсов, реализованных на Compose UI.

#пример #compose

Больше новостей про Jetpack Compose и Compose Broadcast вы можете найти на канала @compose_broadcast: новости, советы, лайфхаки и статьи - всё там!

Подписывайтесь и давайте добъём канал до 5 тысяч подписчиков

#compose

Не используйте null для отсутcтвия состояния в UI

Сталкиваюсь с решениями разработчиков, когда они используют null для задания состояния UI по умолчанию. Мне такой подход не нравится 😡. У элементов обычно всегда есть начально состояние. Например, прогресс скрыт, данных списка нету, и др. Либо вовсе эти элементы не показываются и используется экран-заглушка

В коде я выражаю такое состояние следующим образом

private val _screenState =
    MutableStateFlow<ScreenState>(ScreenState.Default)

val screenState = _screenState.asStateFlow()

sealed interface ScreenState {
    
    object Default : ScreenState // Иногда называю None
    data class DataLoaded(...) : ScreenState 
    data class Loading(...): ScreenState
}

@Composable
fun MyScreen() {
    val state: ScreenState by stateFlow.collectAsState()
    MyScreen(state)
}

@Composable
fun MyScreen(state: ScreenState): Unit = when(state) {
    is ScreenState.Default -> Default(state)
    is ScreenState.Loading -> ProgressScreen(state)
    is ScreenState.DataLoaded -> DataScreen(state)
}

@Composable
private fun DefaultSceen(state: ScreenState.Default)

@Composable
private fun ProgressScreen(state: ScreenState.Loading)

@Composable
private fun DataScreen(state: ScreenState.DataLoaded)

также Default можно заменить на ссылку на другое состояние, и при этом не сломать код выше

sealed interface ScreenState {
    
    data class DataLoaded(...) : ScreenState 
    data class Loading(...): ScreenState

    companion object {
         val Default: ScreenState 
             get() = Loading(...)
    }
}

Использование null вместо Default приведет к неудобным аспектам работы с кодом:
1. Придется использовать null safety или операторы Flow для работы с null
2. Любые задания начальных состояний UI элементов придется привязывать не через поле в объекте состояния, а через связывание с null состоянием
3. Расширить/изменить null нельзя, а вот класс можно дополнить полями/методами и включить в анализ кода

#android #compose #AndroidBroadcast #БазаЗнаний

CameraX и Compose. Фокусировка по тапу на экран (EN,6м)

Статья с инструкцией по реализации фокусировки камеры по нажатию UI на Compose

#android #camerax #compose

Обзор способов (EN,6м) как показать картинку в App Widget при использование Glance (Compose для App Widget). Начинают с R.drawable и заканчивают интеграцией с ContentProvider и Glide

#android #appwidget #jetpack #glance #compose

Compose Preview Function Creator - плагин для Android Studio, чтобы быстро генерировать превью для Composable функций

#androidstudio #android #compose

Руководство(EN,6м) от команды CameraX по созданию эффекта как на видео, когда весь ваш UI на Compose. Используется определение лиц в кадре и наложение масок

🔗 Ссылка без VPN

#android #jetpack #camerax #камера #compose

Google объвила об отказе разработки Relay - инструмента для генерации Compose кода на основе макетов в Figma. Срок закрытия поддержки - 30 апреля 2025.

Причина закрытия проекта - появление Figma Code Connect с поддержкой Compose

#compose #figma