Android Broadcast

#JetpackCompose #UI

Announcing Jetpack Compose Alpha!

Вышла первая альфа-версия Jetpack Compose 🚀! API все еще нестабильное и могут происходить изменения в нем до Beta

Альфа релиз включает в себя:
👉 Анимация
👉 Constraint Layout
👉 Базовую поддержку A11Y
👉 Ввод и жесты
👉 Взаимодействие с View (полный interop)
👉 Lazy Lists
👉 Material UI
👉 Улучшения в производительности
👉 Тестирование
👉 Темы и графику
👉 Управление окнами

Android Studio 4.2 включает целый ряд инструментов, чтобы удобно работать с Jetpack Compose.

👉 Новые каноничные примеры Jetpack Compose
👉 "Изучение шаг за шагом" - цикл статей и Codelab
👉 Документация

Также рекомендую посмотреть новые видео:
📺 Compose for existing apps (22:05) - интеграция Compose в существующие приложения
📺 Thinking in Compose (25:27) - как правильно мыслить о построение UI в шаблонах Compose
📺 Compose by example (22:07) - примеры использования Compose

Android Developers Blog

Announcing Jetpack Compose Alpha!

Posted by Karen Ng , Director, Product Management Today, we’re releasing the alpha of Jetpack Compose , our modern UI toolkit desig...

4.08K viewsedited 18:11

👍 53 👎 2

Читать анонс

Android Broadcast

#JetpackCompose #UnderTheHood

Understanding Jetpack Compose — Part 1 of 2

Совсем недавно была анонсирована альфа Jetpack Compose. Вместе с этим нам стало доступно множество обучающих материалов и документации.

В статье разбираются базовые принципы декларативного подхода в UI и чем он отличается привычному Android разработчику иерархии View + XML

Medium

Understanding Jetpack Compose — part 1 of 2

Better UI building with Compose

3.19K views09:25

👍 34 👎 1

Читать статью

📺 Видео версия (25 мин)

Android Broadcast

#JetpackCompose #UnderTheHood

Under the hood of Jetpack Compose — part 2 of 2

Продолжение раскрытие деталей реализации Jetpack Compose. Во второй части вы найдете ответы на вопросы:
👉 Что значит аннотация @Composable
👉 В чем похожи @Composable и suspend из Kotlin
👉 Как строится UI в Jetpack Compose
👉 Что такое Composer
👉 Как устроена работа с входными параметрами и обновлением UI в Jetpack Compose

Важно: чтобы работать с Jetpack Compose вам не нужно понять детали этой статьи

Medium

Under the hood of Jetpack Compose — part 2 of 2

Under the hood of Compose

3.12K views09:39

👍 21 👎 5

Читать статью

Android Broadcast

#JetpackCompose

Showkase поможет вам организовать, изучить, найти и визуализировать компоненты Jetpack Compose UI. Фактически это букварь для изучения нового подхода для работы с UI в Android.

Библиотека конфигурирует UI браузер для просмотра все элементов и рендерит их в основных различных режимах.

3.21K views16:00

👍 44 👎 1

Android Broadcast

#AndroidBroadcast #DeclarativeUI #JetpackCompose

Inkremental // Стабильный декларативный UI уже сегодня
Когда: четверг, 10 сентября, 20:00 (GMT+3)

Завтра будем обсуждать декларативный UI, его историю, принципы и подходы. В гостях у нас автор библиотеки Inkremental, которая уже сейчас на чистом Kotlin позволяет делать UI декларативно. Работает preview в Android Studio и это уже в проде!

Гость - Сергей Греков, Android Software Engineer в компании Issuu в Берлине. Разрабатывает мобильные приложения более 8 лет. Автор библиотеки Inkremental.

4.74K viewsedited 09:52

👍 39 👎 1

Android Broadcast

Мы уже начали! Подключайтесь, чтобы услышать о конкуренте Jetpack Compose

YouTube

Inkremental // Стабильный декларативный UI уже сегодня

#AndroidBroadcast #UI #JetpackCompose

Inkremental - декларативный UI, который можно попробовать уже сегодня, работающий на основе Android View и уже в есть в проде в приложениях.

Гость - Сергей Греков, Android Software Engineer в компании Issuu в Берлине.…

3.71K views17:07

Подключиться

Android Broadcast

#JetpackCompose

Разработчик Jetpack Compose Leland Richardson завел YouTube канал на котором будет стримить разные интересные вещи о новом декларативном UI в Android.

Leland Richardson занимается разработкой Jetpack Compose с самого первого дня (уже 3 года) и большая часть его усилий сосредоточена на компипляторе и рантайме.

3.05K viewsedited 14:02

👍 46 👎 5

YouTube Leland Richardson

Android Broadcast

#JetpackCompose

Jetpack Compose Playground

Сборник примеров и гайдов по Jetpack Compose для тех кто уже готовится к адаптации UI в новом подходе.

3.88K views16:00

👍 56 👎 1

Jetpack Compose Playground

Android Broadcast

#UI #JetpackCompose #Tooling

Introducing Radiography

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

3.64K viewsedited 14:00

#JetpackCompose #Image

Accompanist - Utils for Jetpack Compose

Группа библиотека, которая содержит полезные утилиты для Jetpack Compose. Сейчас библиотека включает composable функции для Coil, Picasso и Glide.

3.25K views07:01

👍 21 👎 4

Подробнее

Android Broadcast

📺 Коротко о Live Edit в Android Studio если вы в танке (5 мин)

#androidstudio

YouTube

Live Edit for Jetpack Compose

Live Edit introduces a new way to edit your app’s Compose UI by instantly deploying code changes to the running application on a physical device or emulator.

Live Edit for Jetpack Compose → https://goo.gle/4570EAM
Jetpack Compose tutorial → https://goo.gle/3OyeULw…

👎16👍8

8.28K viewsКирилл Розов, 05:20

Android Broadcast

Forwarded from Compose Broadcast

📺 Короткое видео (EN,4м) от команды Android про адаптация Edge-to-Edge (отображения UI приложения под системными панелями) когда ваш UI на Compose. Почитать можно тут

#android #edgetoedge

Please open Telegram to view this post

VIEW IN TELEGRAM

YouTube

Edge-to-edge and insets | Jetpack Compose Tips

Learn how to easily make your Android apps go edge-to-edge using Compose in this Compose Tips video - ensuring your UI has a modern, delightful UI.

This video will show you the three simple steps to safely handle insets to prevent content from overlapping…

👍10👎5😡1

4.33K views08:38

Android Broadcast

📹

НЕ архитектурное мок-собеседование уже доступно для просмотра

Теперь вы можете пересмотреть его в любое время с удобными таймкодами на 📹 YouTube и 📹 VK Video

Присоединяйтесь, если пропустили эфир — или пересмотрите лучшие моменты! 💬🔥

#Android #Собеседование #JetpackCompose

Please open Telegram to view this post

VIEW IN TELEGRAM

👍24🔥6❤2

8.47K views14:08

Youtube VK Video

Android Broadcast

Forwarded from Compose Broadcast

⚙️

mediaQuery в Compose: один вызов вместо кучи WindowSizeClass + posture + input

Официально появился mediaQuery — лямбда, которая смотрит на текущий UiMediaScope и возвращает boolean. Внутри можно проверять:
👉 windowWidth / windowHeight
👉 windowPosture (Tabletop, Book, Flat)
👉 pointerPrecision (Fine → Coarse → Blunt → None)
👉 keyboardKind (Physical / Virtual / None)
👉 hasCamera / hasMicrophone
👉 viewingDistance (Near / Medium / Far)

Включается одним флагом при запуске приложения:

ComposeUiFlags.isMediaQueryIntegrationEnabled = true

Для размеров, которые дёргаются часто, лучше использовать derivedMediaQuery (обёртка над derivedStateOf):

// Composable code
val narrowerThanMedium by derivedMediaQuery {
    windowWidth < WindowSizeClass.WIDTH_DP_MEDIUM_LOWER_BOUND.dp
}
val narrowerThanExpanded by derivedMediaQuery {
    windowWidth < WindowSizeClass.WIDTH_DP_EXPANDED_LOWER_BOUND.dp
}
when {
    narrowerThanMedium -> SinglePaneLayout()
    narrowerThanExpanded -> TwoPaneLayout()
    else -> ThreePaneLayout()
}

Самый чистый кейс — foldable в tabletop:

// Composable code
if (mediaQuery { windowPosture == UiMediaScope.Posture.Tabletop }) {
    TabletopLayout()
} else {
    FlatLayout()
}

Это API не замена WindowSizeClass, но удобный единый вход для всего, что меняется в рантайме. Если пишете адаптив под foldable / desktop / TV — возьмите на заметку. Пока не перенесли в Compose Multiplatform.

Документация Media Query API

#Compose #JetpackCompose #Adaptive #UI #Android

Please open Telegram to view this post

VIEW IN TELEGRAM

👍25❤5👎4🔥2

5.06K views05:13

About

Blog

Apps

Platform