Compose Broadcast – Telegram
Compose Broadcast
5.82K subscribers
341 photos
89 videos
559 links
Все о Jetpack Compose и Compose Multiplatform

YouTubе канал: https://youtube.com/androidBroadcast
Android - @android_broadcast
iOS - @ios_broadcast
Kotlin - @kotlin_broadcast
Download Telegram
Пример(EN,6м) реализации онбординга (рассказ про новые элементы приложения) пользователю на Compose Multiplatform. Решается задача определения положения Compose элемента на экране, затемнение фона и показ подсказки, где есть свободное место на экране

🔗 Ссылка без VPN

#compose #kmp #andorid #ios #desktop
21👍7🔥1
Вышла третья Beta Compose 1.8.0, а вот Bom для него не появился ((( Исправили баги в UI и Foundation

#compose
👍13
Mesh - опенсорс утилита для создания и редактирования mesh-градиентов. Написана полностью на Compose Desktop с использованием UI Kit Jewel от JetBrains.

#compose #desktop
33🔥15👍9
Как протестировать Compose Hot Reload для Desktop

Если вы хотите протестировать Compose Desktop Hot Reload, то следуйлет инструкции в официальном репозитории JetBrains. Используется специальная JDK, которая может автоматически скачаться через Gradle

#compose #desktop
👍11
Compose Text Editor - текстовый редактор со множеством возможностей на Compose Multiplatform: Android, JVM Desktop, WasmJS

#compose #android #desktop #wasm
👍24
Coil и Yandex MapKit KMP: рисуем аватарки на карте. Часть 3 (6м)

Как с помощью библиотеки от сообщества Yandex MapKit KMP Compose для Android и iOS, показывают аватары пользователей с сервера.

#kmp #compose #android #ios #карты
👍20
Forwarded from Android Broadcast
🔨⚙️ Kelp — IDE-плагин для кастомных дизайн-систем на Jetpack Compose (9 мин)

Рассказ о плагине для Android Studio, который упрощает работу с кастомными дизайн-системами на Jetpack Compose.

Возможности:
👉 Настраиваемые иконки для компонентных функций
👉 Иконки дизайн-системы
👉 Предпросмотр цветов
👉 Интеграция демо-приложения
👉 Рендеринг изображений в KDoc
👉 Шаблоны кода (Live Templates)

#android #androidstudio #compose
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16
🚀 Пример реализации навигации в многомодульном приложении на Compose и Jetpack Navigation. Фичи изолированы друг от друга.

Рассматриваются разные решения:
👉 callback интерфейсы для навигации
👉 модуль для навигации (его и рассматривают не примере кода)

🔗 Ссылка без VPN

#compose #навигация #anroid
Please open Telegram to view this post
VIEW IN TELEGRAM
👍306👏1
compose-material-data-table - реализация Material 2 Data Table на Jetpack Compose Multiplatform для Android, JVM, WASM/JS

#compose #kmp @android #jvm #wasm
🔥22
This media is not supported in your browser
VIEW IN TELEGRAM
⚙️ Paper – интуитивный UI-билдер для Compose Multiplatform.

Paper позволяет проектировать UI в веб-среде и затем экспортировать всё в код.

Что делает Paper интересным?
👉 Готовые UI-компоненты: кнопки, карточки, переключатели, диалоги и многое другое.
👉 Визуальный редактор: меняйте цвета, размеры, тени и другие параметры прямо в браузере, а затем копируйте готовый код в проект.
👉 Поддержка Material 3 с возможностью кастомизации под любой стиль.
👉 Открытый код, который можно модифицировать под свои задачи.

Paper предоставляет бесплатный 30-дневный пробный период без ограничений, после чего стоимость составляет 100$ в год. Если не хотите платить, можно продолжать пользоваться, но экспорт кода будет ограничен.

💬 Кто уже тестировал? Насколько удобен редактор? Делитесь впечатлениями!

#compose #kmp #android
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥56👍8👌3
⚙️ Вышел Release Candidate Jetpack Compose 1.8.0

Только небольшие исправления по сравнению с предыдущей Beta, можно пробовать

Доступен BOM файл
implementation("androidx.compose:compose-bom-beta:2025.03.00")


#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Вышел Compose Material3 Adaptive 1.1.0

👉 ListDetailPaneScaffold и SupportingPaneScaffold добавили поддержку изменения разделителя между панелям жестом в UI и программистом из кода
👉 NavigableListDetailPaneScaffold и NavigableSupportingPaneScaffold теперь поддерживают predictive back. Также можно использовать ThreePaneScaffoldPredictiveBackHandler для поддержки predictive back с вашей собственной реализацией scaffold
👉 AnimatedPane теперь позволит задать разные движения для переключения панелей

#compose #jetpack
👍16
Channel photo updated
Какое решение для навигации вы используете в приложениях с Compose? В комментариях пишите почему выбрали именно его
Anonymous Poll
61%
Jetpack Navigation for Compose
18%
Decompose
9%
Voyager
0%
Appyx
0%
PreCompose
0%
Circuit
0%
Odyssey
11%
Собственное решение
2%
Другое (делитесь в комментариях)
13%
Не участвую в опросе
👍3
Media is too big
VIEW IN TELEGRAM
📹 Кастомные лейауты в Jetpack Compose (42м)

В процессе написания компонентов дизайн-системы на Compose спикер столкнулся с нехваткой качественных материалов и скудностью документации по такой важной теме, как кастомные лейауты. Цель доклада — предоставить полноценный обзор средств для кастомизации лейаутов на Compose.

Александр разобрал механизм работы layout-фазы в Compose и рассказал о ее ограничениях. Как работают стандартные лейауты, а также какие возможности существуют для написания кастомных. Рассмотрел нюансы и хаки, о которых не написано в документации. Продемонстрировал все на примерах, включая компоненты дизайн-системы Авито.

Будет полезно всем разработчикам, пишущим UI на Jetpack Compose.

Скачать презентацию с сайта Mobius
📹 Также можно посмотреть в VK Video

#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
👍40
🏝 Обновления Compose в Kotlin 2.1.20

Вышла новая версия Kotlin, а с ней и новый Compose Compiler, что влияет на работу Compose:

👉 Появилась поддержка аргемнтов по умолчанию для Composable функций

👉 open и abstract функции теперь могут быть restartable или skipped, при условии что будут использовать из классов, которые final или сама функция final

👉 Теперь по умолчанию на всех платформах компилятор включает информацию о месте в коде на основе которого был сгенерирован Compose код. (раньше было только на Android)

👉 ComposableSingletons убрали из публичного API

#kotlin #compose
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25
⚙️ Вышла первая бета Compose Multiplatform 1.8.0

#compose #multiplatform #kotlin
Please open Telegram to view this post
VIEW IN TELEGRAM
👍39
⚙️ Вышел Jetpack Compose 1.8.0 RC2 с исправлениями ошибок

// Подключайте BOM для обновления до актуальных версиях
implementation("androidx.compose:compose-bom-beta:2025.03.01")


#compose #jetpack #android
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19
Forwarded from Kotlin Adept Notes (Alex Panov)
This media is not supported in your browser
VIEW IN TELEGRAM
Bottom Sheet починили! ⚪️

У нас в проектах уже давно нет зависимости от Material, так как используется своя дизайн-система. Это круто, но несёт одну главную проблему: ты перестаёшь следить за обновлениями в Material и исправлениями различных багов. До вчерашнего дня я был уверен, что Bottom Sheet в Material 3 всё ещё отвратительно работает и никакие проблемы там не исправили. Но оказалось, что это не так — все старые болячки там пофиксили 🤩

На видео можно заметить существенную разницу между старой и новой версией Bottom Sheet в Material 3.

P.S. Так что, видимо, надо начинать отдельный квест по копированию исходного кода этого компонента в нашу дизайн-систему 🙃
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍64
⚙️ Как работать с Custom Layout в Jetpack Compose (21м)

В этой статье вы найдете:
👉 как работают layout-ы в Compose;
👉 изменение layout-а отдельного компонента;
👉 создание кастомных Layout и LazyLayout;
👉 отложенную композицию.

Всё это на примерах, в том числе из дизайн-системы Авито.

#compose #android
Please open Telegram to view this post
VIEW IN TELEGRAM
👍29