В новой версии Android Studio Giraffe появился полноценный Live Edit для Compose - превью UI будет обновляться по мере изменения Compose без необходимости компиляции и запуске на устройстве.
Не стоит путать Live Edit с Compose Preview и Apply Changes, так как Live Edit предназначено для работы с Compose и показа UI с реального устройства или эмулятора.
В статье найдете подробное описание как устроен Live Edit
#androidstudio #tooling
Не стоит путать Live Edit с Compose Preview и Apply Changes, так как Live Edit предназначено для работы с Compose и показа UI с реального устройства или эмулятора.
В статье найдете подробное описание как устроен Live Edit
#androidstudio #tooling
👍43👎1
Forwarded from Android Broadcast (Кирилл Розов)
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…
Live Edit for Jetpack Compose → https://goo.gle/4570EAM
Jetpack Compose tutorial → https://goo.gle/3OyeULw…
👍12👎3
This media is not supported in your browser
VIEW IN TELEGRAM
Debugging the recomposition in Jetpack Compose (5 мин)
В Compose все вертится вокруг состояния и его обновления, а значит надо уменьшить количество действия при его изменение. В статье разбирается встроенные возможности Android Studio для анализа вашей рекомпозиции чтобы UI был отзывчивым
#androidstudio #tooling
В Compose все вертится вокруг состояния и его обновления, а значит надо уменьшить количество действия при его изменение. В статье разбирается встроенные возможности Android Studio для анализа вашей рекомпозиции чтобы UI был отзывчивым
#androidstudio #tooling
👍29👎3
Forwarded from Android Broadcast (Кирилл Розов)
Одно из будущих фичей Android Studio Iguana станет проверка Compose UI на адаптивность под разные размеры экранов и доступность. Фича называется Compose UI Check
#androidstudio
#androidstudio
👍65
Forwarded from Android Broadcast (Кирилл Розов)
Android Studio Iguana прокачивает Compose
🎉 Compose UI Check - проверка Compose UI на соотвествие его стандартам адаптивности и доступности
🎉 Compose Preview теперь работает прогрессивно - рендерит только то что видно в превью
#androidstudio #compose #accessibility
🎉 Compose UI Check - проверка Compose UI на соотвествие его стандартам адаптивности и доступности
🎉 Compose Preview теперь работает прогрессивно - рендерит только то что видно в превью
#androidstudio #compose #accessibility
❤33🔥16👍5
Compose colors preview - плагин для отрисовки цветов в Compose с поддержкой Jetpack Compose и Compose Multiplatform
Автор один из подписчиков канала, давайте поддержим установками, а также делитесь обратной связью!
#idea #androidstudio
Автор один из подписчиков канала, давайте поддержим установками, а также делитесь обратной связью!
#idea #androidstudio
❤60🔥17👍2
This media is not supported in your browser
VIEW IN TELEGRAM
ImageVector Wizard - плагин для конвертации SVG в Vector Drawable в Kotlin коде для Compose
#androidstudio
#androidstudio
🔥64❤4🎉1
Разбор(EN,6м) того как работает Jetpack Compose Preview в IDE и на устройстве/эмуляторе
#compose #androidstudio
#compose #androidstudio
👌3
This media is not supported in your browser
VIEW IN TELEGRAM
Valkyrie - плагин для Idea/Android Studio от подписчика канала для конвертации SVG и Android XML Vector Drawable в Compose ImageVector. Поддерживает Compose Multiplatform
Давайте поддержим звездой на GitHub
#compose #idea #androidstudio
Давайте поддержим звездой на GitHub
#compose #idea #androidstudio
👍61🔥5
Forwarded from Android Broadcast
В следующей версии Android Studio уберут Motion Editor 🤯, как часть процесса миграции с XML UI на Jetpack Compose. Используйте Compose Animation Preview (говорится что это более продвинутый инструмент)
#androidstudio #compose #анимация
#androidstudio #compose #анимация
👌17👏7
💡 Preview Driven Development - новый подход к разработке Android-приложений
Концепция предлагает активно использовать превью-компоненты для тестирования и разработки интерфейсов и функций. Вот в чем суть:
👉 Jetpack Compose Previews позволяют не просто просматривать, но и тестировать функции на этапе разработки. Это упрощает процесс, снижает количество ошибок и дает визуальное представление всех состояний приложения.
👉 Мини-приложения для тестирования — каждый превью-компонент можно использовать как изолированное мини-приложение. Это значит, что тестировать отдельные элементы приложения можно без полной сборки и запуска.
👉 Автоматизация тестов — с помощью таких инструментов, как Emerge Snaphots, можно автоматизировать процесс проверки UI. Это делает разработку более стабильной и ускоряет релиз новых версий.
Для тех, кто хочет упрощать разработку и избегать неожиданных багов, Preview Driven Development — отличный инструмент! 💻✨
Исходники приложения доступны на🐱 GitHub
#android #androidstudio #compose #автотесты
Концепция предлагает активно использовать превью-компоненты для тестирования и разработки интерфейсов и функций. Вот в чем суть:
👉 Jetpack Compose Previews позволяют не просто просматривать, но и тестировать функции на этапе разработки. Это упрощает процесс, снижает количество ошибок и дает визуальное представление всех состояний приложения.
👉 Мини-приложения для тестирования — каждый превью-компонент можно использовать как изолированное мини-приложение. Это значит, что тестировать отдельные элементы приложения можно без полной сборки и запуска.
👉 Автоматизация тестов — с помощью таких инструментов, как Emerge Snaphots, можно автоматизировать процесс проверки UI. Это делает разработку более стабильной и ускоряет релиз новых версий.
Для тех, кто хочет упрощать разработку и избегать неожиданных багов, Preview Driven Development — отличный инструмент! 💻✨
Исходники приложения доступны на
#android #androidstudio #compose #автотесты
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥5
Media is too big
VIEW IN TELEGRAM
Добились этого благодаря использованию специальной JVM с поддержкой переопределения классов, доступной в JetBrains Runtime.
В
Пока всё в экспериментальном режиме, но результаты радуют ❤️. Когда же уже Compose MP превью в IDE будет работать из коробки
#compose #desktop #jvm #idea #androidstudio
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41🔥15
Media is too big
VIEW IN TELEGRAM
Compose превью помогают быстро проверять компоненты во время разработки, а с помощью Gradle-плагина для тестирования скриншотов превью можно автоматизировать визуальные регрессионные тесты. Для тестирования поведения теперь доступен новый API – DeviceConfigurationOverride, который позволяет эмулировать различные конфигурации устройств без необходимости запускать несколько эмуляторов для полного набора тестов.
#compose #androidstudio #инструменты #android
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22
Kelp - плагин для Android Studio, который улучшает интеграцию собственной дизайн системы на Jetpack Compose.
Что умеет плагин:
👉 Задать иконки для Composable функции в автокомплите
👉 Превью иконок в автодополнении
👉 Превью цветов из дизайн систем
👉 Генерация превью Composable функций в KDOC
👉 Создание live templates
Вся настройка происходит через сохранение json файла, а также есть Gradle плагин
#compose #androidstudio
Что умеет плагин:
👉 Задать иконки для Composable функции в автокомплите
👉 Превью иконок в автодополнении
👉 Превью цветов из дизайн систем
👉 Генерация превью Composable функций в KDOC
👉 Создание live templates
Вся настройка происходит через сохранение json файла, а также есть Gradle плагин
#compose #androidstudio
❤38🔥10👍4🎉1
Forwarded from Android Broadcast
Рассказ о плагине для Android Studio, который упрощает работу с кастомными дизайн-системами на Jetpack Compose.
Возможности:
👉 Настраиваемые иконки для компонентных функций
👉 Иконки дизайн-системы
👉 Предпросмотр цветов
👉 Интеграция демо-приложения
👉 Рендеринг изображений в KDoc
👉 Шаблоны кода (Live Templates)
#android #androidstudio #compose
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15
#android #androidstudio
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22
Forwarded from Android Broadcast
This media is not supported in your browser
VIEW IN TELEGRAM
#androidstudio #compose
Please open Telegram to view this post
VIEW IN TELEGRAM
👍60🔥32