How to: внедряем Jetpack Compose в существующий проект

Хотите использовать современный Compose, но проект уже написан на XML-вёрстке? Разберём, как добавить Compose без переписывания всего кода.

1️⃣ Подготовка проекта

Добавьте зависимости в build.gradle:

android {  
    buildFeatures {  
        compose true  
    }  
}  
dependencies {  
    implementation "androidx.compose.ui:ui:1.6.0"  
    implementation "androidx.compose.material:material:1.6.0"  
}  

2️⃣ Гибридный подход

Используйте ComposeView в XML-разметке:

<androidx.compose.ui.platform.ComposeView  
    android:id="@+id/compose_view"  
    android:layout_width="match_parent"  
    android:layout_height="wrap_content" />  

И настраивайте из кода:

findViewById<ComposeView>(R.id.compose_view).setContent {  
    Text("Это Compose внутри старого XML!")  
}  

3️⃣ Постепенная миграция

🔘 Начинайте с новых экранов
🔘 Рефакторите простые элементы (кнопки, карточки)
🔘 Используйте Compose для сложных анимаций

4️⃣ Совместная работа View и Compose

Для взаимодействия между частями:

// View → Compose  
composeView.setContent {  
    MyComposeScreen(onClick = { /* обработка */ })  
}  

// Compose → View  
AndroidView({ TextView(context) }) { view ->  
    view.text = "Текст из Compose"  
}  

Уже пробовали мигрировать на Compose? Делитесь опытом в комментариях 💬

🐸 Библиотека мобильного разработчика

#буст

🐸 Библиотека мобильного разработчика

#развлекалово

🚀 Автоматизация тестирования мобильных приложений

Устали вручную проверять каждый сценарий? Этот промпт поможет настроить автотесты быстро и эффективно!

Промпт:

Create a complete test automation setup for mobile app with:
1. UI tests structure for Espresso (Android) / XCTest (iOS)
2. Page Object pattern implementation
3. Test data generation techniques
4. CI/CD integration examples
5. Reporting and screenshot on failure
Provide sample tests for login screen and main app flow.

📌 Уточнения:

🔘 Add flaky tests prevention techniques
🔘 Implement BDD approach with Cucumber
🔘 Compare Appium vs native frameworks
🔘 Add performance testing examples

💡 Cовет:

Используйте Explain how to mock backend responses для изолированного тестирования

Пример запроса:

// Нужно протестировать:
// - Успешный логин
// - Восстановление пароля
// - Основной функционал приложения
// - Обработку ошибок сети

Какие сценарии автоматизируете в первую очередь? Делитесь опытом в комментариях 💬

🐸 Библиотека мобильного разработчика

#буст

🔼 Делаем кастомный модификатор для границ

Граница в виде «марширующих муравьев» — распространенный элемент пользовательского интерфейса, используемый для обозначения «выбранного» элемента, но предоставляемый Compose модификатор border() не справляется с этой задачей.

Автор статьи создаст свой собственный. И по ходу дела вы узнаете многое о Paths, измерении путей, рисовании путей и эффектах.

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

🐸 Библиотека мобильного разработчика

#свежак

🆒 5 трюков Jetpack Compose

1️⃣ Используйте rememberUpdatedState, чтобы избежать устаревших лямбд

Если вы передаете в Composable лямбду, которая может измениться, rememberUpdatedState гарантирует, что вы используете последнюю версию.

val updatedOnClick by rememberUpdatedState(newValue = onClick)
LaunchedEffect(Unit) {
    delay(1000)
    updatedOnClick()
}

Без этого Compose может вызвать старую версию лямбды, что приведет к ошибкам.

2️⃣ Не забывайте о pointerInput для кастомных жестов

Выйдете за пределы clickable — используйте перетаскивание, мультитач или собственное распознавание сложных жестов.

Modifier.pointerInput(Unit) {
    detectTapGestures(
        onLongPress = { /* do something */ }
    )
}

Можно также обнаружить масштабирование с помощью щипков, смахивание или реализовать распознавание кастомных жестов.

3️⃣ Прокручивайте любой компонент с помощью Modifier.scrollable

Хотите прокрутить бокс или кастомный макет? Вам не нужно использовать LazyColumn или Column.

val scrollState = rememberScrollState()
Box(
    Modifier
        .height(200.dp)
        .verticalScroll(scrollState)
) {
    // Large content goes here
}

Также работает с горизонтальными прокрутками или вложенными скролами с помощью NestedScrollConnection.

4️⃣ Используйте CompositionLocal для тематического поведения

Вместо глубокой передачи параметров используйте CompositionLocal для обмена такими значениями, как интервал или предпочтения пользователя.

val LocalSpacing = compositionLocalOf { 0.dp }
CompositionLocalProvider(LocalSpacing provides 8.dp) {
    MyComposable()
}
@Composable
fun MyComposable() {
    val spacing = LocalSpacing.current
    Spacer(modifier = Modifier.height(spacing))
}

Идеально подходит для согласования таких элементов дизайна, как интервалы, цвета или размеры шрифтов в больших кодовых базах.

5️⃣ Используйте Modifier.graphicsLayer для создания эффектов

graphicsLayer предоставляет вам низкоуровневый контроль для применения таких эффектов, как вращение, масштабирование или альфа-канал, прямо на GPU.

Modifier.graphicsLayer {
    rotationZ = 15f
    scaleX = 1.2f
    alpha = 0.8f
}

Используйте с осторожностью: эти эффекты хорошо работают на графических процессорах, но проверяйте производительность на устройствах более низкого класса.

Делитесь в комментариях лайфхаками, которыми вы пользуетесь 💬

🐸 Библиотека мобильного разработчика

#буст

🏃‍♀️ 1 день до конца спец предложения

Успей впрыгнуть на курс «AI-агенты для DS» до завтрашнего повышения цены: 59.000 р. вместо 69.000 р.

🎙 Наш спикер — Никита Зелинский, Chief Data Scientist МТС, в своем канале рассказывает о RAG:

Про RAG слышали все — это уже два года самый массовый способ применения LLM в проде для бизнеса.

Это значит, что точность и надёжность такого решения достаточно предсказуемы для того, чтобы исключить человека из процесса аппрува выдачи LLM,
а связка «локально развернутая LLM + RAG над корпоративными документами» обеспечивает достаточную конфиденциальность, чтобы снять тревожность
«что наши данные попадут в OpenAI».

Эта история настолько популярна, что на рынке есть готовые RAG-решения,
а даже «маленькие» опенсорс-модели (до 5B) уже обзавелись своей RAG-ареной:
👉 https://huggingface.co/spaces/aizip-dev/SLM-RAG-Arena

Во время обучения на курсе «AI-агенты для DS» научим собирать автономные системы под реальные бизнес-задачи. На прошлой неделе мы рассказали о первом занятии.

➡️ вот что ждет слушателей курса на втором:

— Собираем свой RAG-пайплайн на своих данных
— Обсуждаем, почему качество такой системы нельзя измерять «на глаз»
— Разбираем схему LLM as a Judge и как подготовить для неё датасет
— Что такое guardrails и как они спасают от бреда
— Что делать, когда LLM не знает ответа
— Смотрим на агентский RAG и обсуждаем, можно ли использовать RAG как память агента

Если пропустили первое занятие, то вот ссылочка

❗️До повышения цены остался последний день — бронируйте место сейчас

🐸 Библиотека мобильного разработчика

#развлекалово

Самые догадливые, пишите ответ в комментах 👇

🐸 Библиотека мобильного разработчика

#междусобойчик

🗓 Новости недели

Приготовили для вас дайджест по актуальному из мира iOS, Android и кроссплатформы.

🔵 Публикация приложения в AppStore

🔵 WWDC 2025. Чем Apple ответит Google, и что нас ждет

🔵 Рекомендации по Jetpack Compose: от основ к масштабируемым UI

🔵 Настраиваем CI/CD Android-проекта

🔵 Делаем простой навигатор с помощью google maps на flutter своими руками

🐸 Библиотека мобильного разработчика

#свежак

🐸 Библиотека мобильного разработчика

#междусобойчик