Compose Broadcast
5.9K subscribers
375 photos
95 videos
617 links
Все о Jetpack Compose и Compose Multiplatform

По сотрудничеству - @ab_manager
Download Telegram
Пример(EN,6м) реализации онбординга (рассказ про новые элементы приложения) пользователю на Compose Multiplatform. Решается задача определения положения Compose элемента на экране, затемнение фона и показ подсказки, где есть свободное место на экране

🔗 Ссылка без VPN

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

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

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

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

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

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

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

#kmp #compose #android #ios #карты
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
🚀 Пример реализации навигации в многомодульном приложении на Compose и Jetpack Navigation. Фичи изолированы друг от друга.

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

🔗 Ссылка без VPN

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

#compose #kmp @android #jvm #wasm
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
⚙️ Вышел 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
Вышел Compose Material3 Adaptive 1.1.0

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

#compose #jetpack
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%
Не участвую в опросе
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
🏝 Обновления 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
⚙️ Вышла первая бета Compose Multiplatform 1.8.0

#compose #multiplatform #kotlin
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙️ Вышел 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
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