Пример(EN,6м) реализации онбординга (рассказ про новые элементы приложения) пользователю на Compose Multiplatform. Решается задача определения положения Compose элемента на экране, затемнение фона и показ подсказки, где есть свободное место на экране
🔗 Ссылка без VPN
#compose #kmp #andorid #ios #desktop
🔗 Ссылка без VPN
#compose #kmp #andorid #ios #desktop
Вышла третья Beta Compose 1.8.0, а вот Bom для него не появился ((( Исправили баги в UI и Foundation
#compose
#compose
Mesh - опенсорс утилита для создания и редактирования mesh-градиентов. Написана полностью на Compose Desktop с использованием UI Kit Jewel от JetBrains.
#compose #desktop
#compose #desktop
Как протестировать Compose Hot Reload для Desktop
Если вы хотите протестировать Compose Desktop Hot Reload, то следуйлет инструкции в официальном репозитории JetBrains. Используется специальная JDK, которая может автоматически скачаться через Gradle
#compose #desktop
Если вы хотите протестировать Compose Desktop Hot Reload, то следуйлет инструкции в официальном репозитории JetBrains. Используется специальная JDK, которая может автоматически скачаться через Gradle
#compose #desktop
Compose Text Editor - текстовый редактор со множеством возможностей на Compose Multiplatform: Android, JVM Desktop, WasmJS
#compose #android #desktop #wasm
#compose #android #desktop #wasm
Coil и Yandex MapKit KMP: рисуем аватарки на карте. Часть 3 (6м)
Как с помощью библиотеки от сообщества Yandex MapKit KMP Compose для Android и iOS, показывают аватары пользователей с сервера.
#kmp #compose #android #ios #карты
Как с помощью библиотеки от сообщества Yandex MapKit KMP Compose для Android и iOS, показывают аватары пользователей с сервера.
#kmp #compose #android #ios #карты
Forwarded from Android Broadcast
Рассказ о плагине для Android Studio, который упрощает работу с кастомными дизайн-системами на Jetpack Compose.
Возможности:
👉 Настраиваемые иконки для компонентных функций
👉 Иконки дизайн-системы
👉 Предпросмотр цветов
👉 Интеграция демо-приложения
👉 Рендеринг изображений в KDoc
👉 Шаблоны кода (Live Templates)
#android #androidstudio #compose
Please open Telegram to view this post
VIEW IN TELEGRAM
Рассматриваются разные решения:
👉 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
#compose #kmp @android #jvm #wasm
This media is not supported in your browser
VIEW IN TELEGRAM
Paper позволяет проектировать UI в веб-среде и затем экспортировать всё в код.
Что делает Paper интересным?
👉 Готовые UI-компоненты: кнопки, карточки, переключатели, диалоги и многое другое.
👉 Визуальный редактор: меняйте цвета, размеры, тени и другие параметры прямо в браузере, а затем копируйте готовый код в проект.
👉 Поддержка Material 3 с возможностью кастомизации под любой стиль.
👉 Открытый код, который можно модифицировать под свои задачи.
Paper предоставляет бесплатный 30-дневный пробный период без ограничений, после чего стоимость составляет 100$ в год. Если не хотите платить, можно продолжать пользоваться, но экспорт кода будет ограничен.
💬 Кто уже тестировал? Насколько удобен редактор? Делитесь впечатлениями!
#compose #kmp #android
Please open Telegram to view this post
VIEW IN TELEGRAM
Только небольшие исправления по сравнению с предыдущей 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
👉 ListDetailPaneScaffold и SupportingPaneScaffold добавили поддержку изменения разделителя между панелям жестом в UI и программистом из кода
👉 NavigableListDetailPaneScaffold и NavigableSupportingPaneScaffold теперь поддерживают predictive back. Также можно использовать ThreePaneScaffoldPredictiveBackHandler для поддержки predictive back с вашей собственной реализацией scaffold
👉 AnimatedPane теперь позволит задать разные движения для переключения панелей
#compose #jetpack
Какое решение для навигации вы используете в приложениях с 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
В процессе написания компонентов дизайн-системы на Compose спикер столкнулся с нехваткой качественных материалов и скудностью документации по такой важной теме, как кастомные лейауты. Цель доклада — предоставить полноценный обзор средств для кастомизации лейаутов на Compose.
Александр разобрал механизм работы layout-фазы в Compose и рассказал о ее ограничениях. Как работают стандартные лейауты, а также какие возможности существуют для написания кастомных. Рассмотрел нюансы и хаки, о которых не написано в документации. Продемонстрировал все на примерах, включая компоненты дизайн-системы Авито.
Будет полезно всем разработчикам, пишущим UI на Jetpack Compose.
Скачать презентацию с сайта Mobius
📹 Также можно посмотреть в VK Video
#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
Вышла новая версия 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
Please open Telegram to view this post
VIEW IN TELEGRAM
// Подключайте 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. Так что, видимо, надо начинать отдельный квест по копированию исходного кода этого компонента в нашу дизайн-систему🙃
У нас в проектах уже давно нет зависимости от Material, так как используется своя дизайн-система. Это круто, но несёт одну главную проблему: ты перестаёшь следить за обновлениями в Material и исправлениями различных багов. До вчерашнего дня я был уверен, что Bottom Sheet в Material 3 всё ещё отвратительно работает и никакие проблемы там не исправили. Но оказалось, что это не так — все старые болячки там пофиксили
На видео можно заметить существенную разницу между старой и новой версией Bottom Sheet в Material 3.
P.S. Так что, видимо, надо начинать отдельный квест по копированию исходного кода этого компонента в нашу дизайн-систему
Please open Telegram to view this post
VIEW IN TELEGRAM
При найме в вашу компанию Android или KMP разработчика какие требования по знаниям Compose?
Anonymous Poll
33%
Надо знать Compose обязательно
25%
Необязательно, но хорошо чтобы было знание Compose
9%
Не требуем знания Compose
5%
Не знаю требования для вакансий компании
1%
Другой вариант
26%
Не участвую в опросе
