🖱 Мастерство фокусов на Compose

Фокусировка в Jetpack Compose — это не просто перемещение курсора между элементами. За этим процессом стоит сложная система нод, модификаторов и алгоритмов, которые определяют, какой элемент должен получить фокус в каждый момент времени.

В этой статье автор разберёт основы: что такое фокус, как он работает, какие модификаторы и инструменты предоставляет Jetpack Compose, а также как использовать их для построения удобных интерфейсов.

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

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

#свежак

❓ Нативная или кроссплатформенная разработка

Как показывает практика, это актуальная дилемма как для заказчиков, так и для начинающих разработчиков, которые хотят приобрести наиболее полезный опыт для дальнейшей карьеры.

Кроссплатформенные приложения дешевле, работают сразу на двух платформах, а дизайн и разработка занимают меньше времени.

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

Что вы предпочитаете для мобильной разработки? Голосуйте и пишите своё мнение в комментариях 💬

❤️ — нативная разработка
👍 — кроссплатформенная

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

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

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

🔵 Когда отладчик Swift лжет: скрытая стоимость компиляторных оптимизаций

🔵 TOP 10 горячих клавиш для Xcode

🔵 Видим невидимое: контроль качества Android-библиотек через объектив AppTracer Lite SDK

🔵 Мечтают ли андроиды о Robolectric? Разбираем фреймворк по косточкам

🔵 Flutter 3.32 — Что нового во Flutter?

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

#свежак

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

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

😨 Топ-вакансий для мобильных разработчиков за неделю

Senior Flutter Developer — от 3 000 до 6 000 €, офис (Кипр)

Разработчик React Native — до 160 000 ₽, гибрид (Калининград)

Senior Android-разработчик в Mobile-Core — гибрид (Москва)

Kotlin / Flutter expert (проектная занятость) — удалёнка

Стажёр-разработчик IOS, Ozon Tech — гибрид

➡️ Еще больше топовых вакансий — в нашем канале Mobile jobs

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

#свежак

🤖 Инструмент недели: Androidify

Робот Android — любимый маскот пользователей и разработчиков Android. И предыдущие версии конструктора таких ботов были очень популярны — в Google в этом году переделали конструктор ботов с нуля, используя новейшие технологии, поддерживаемые Gemini.

Недавно компания выпустила новое приложение с открытым исходным кодом, Androidify, с помощью которого можно научиться создавать мощный опыт на базе ИИ на Android с использованием новейших технологий.

👉 Подробнее в статье

💻 Androidify на GitHub

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

#буст

🤫 Cекреты производительности на iOS

Автор доклада расскажет, как с помощью анализа кода и ряда оптимизаций удалось ускорить работу компонентов iOS-приложения в 5–10 раз и как это повлияло на основные метрики скорости приложения.

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

👀 Смотреть доклад

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

#свежак

📝 Промпт дня: генерация кода для RecyclerView/ListView

Устали вручную писать адаптеры для списков? Попробуйте этот промпт, чтобы ускорить разработку.

⚙️ Промпт для ChatGPT/Copilot:

Generate a complete RecyclerView adapter in Kotlin for displayin
1. ViewHolder pattern implementation
2. Click listeners for items
3. DiffUtil for efficient updates
4. Support for multiple view types
Include sample data class and usage example in Activity/Fragment.

📌 Варианты уточнений:

🔵 Add pull-to-refresh functionality

🔵 Implement animated item insertion/removal

🔵 Add sticky headers implementation

🔵 Optimize for large datasets with pagination

💡 Cовет:

Добавьте Explain each part of the implementation, если хотите не просто код, а объяснение архитектурных решений.

Какой ваш любимый способ работы со списками? Делитесь в комментариях 💬

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

#буст

🖥 Создание кастомного тултипа

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

В статье автор разберёт, как создать гибкую и удобную систему тултипов в Jetpack Compose, используя модифайры и специальный оборачивающий блок. Шаг за шагом будет рассмотрено создание необходимых компонентов, их взаимодействие и методы управления тултипом.

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

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

#свежак

🎁 Linux vs. Windows: битва операционных систем

Linux и Windows - два гиганта в мире операционных систем, между которыми уже давно идет битва за предпочтение пользователей.

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

Чему вы отдаете предпочтение? Голосуйте и пишите своё мнение в комментариях 💬

❤️ — Linux
👍 — Windows
👏 — другое

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

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

🆒 5 трюков Jetpack Compose, о которых вы, вероятно, не знаете

Рассмотрим 5 недооцененных или малоизвестных трюков с пользовательским интерфейсом в Jetpack Compose, которые помогут вам создавать более эффективные, красивые и удобные в обслуживании пользовательские интерфейсы.

1️⃣ Анимируйте видимости с помощью переходов Enter/Exit

Вместо того чтобы переключать видимость с помощью if (visible) Box {}, вы можете использовать AnimatedVisibility для чистой анимации входа и выхода.

AnimatedVisibility(
    visible = showDetails,
    enter = fadeIn() + slideInVertically(),
    exit = fadeOut() + slideOutVertically()
) {
    Text("Here's a smooth transition")
}

Почему это важно: это избавляет от необходимости ручной обработки анимации и мгновенно улучшает UX.

2️⃣ Используйте модификатора Layout для создания кастомных макетов

Иногда стандартных Row, Column и Box недостаточно. Тогда на помощь приходит модификатор Modifier.layout.

Modifier.layout { measurable, constraints ->
    val placeable = measurable.measure(constraints)
    layout(placeable.width, placeable.height) {
        // Flip layout horizontally
        placeable.placeRelative(-placeable.width, 0)
    }
}

Пример использования: создание зеркальных макетов, переворачивание компонентов или нестандартное расположение UI.

3️⃣ Разделяйте элементы в LazyColumn

Хотите вставить разделитель или пробел между каждым элементом?

LazyColumn {
    itemsIndexed(items) { index, item ->
        Text(item)
        if (index != items.lastIndex) {
            Divider()
        }
    }
}

Бонус: вы можете не ограничиваться разделителями, а вставлять между рядами рекламу, советы или информационный контент.

4️⃣ Используйте drawBehind для расширения фонового рисунка за пределы границ

Функция drawBehind позволяет рисовать за макетом компонента, игнорируя отступы или даже рисуя за пределами границ.

Modifier
    .padding(16.dp)
    .drawBehind {
        drawRect(Color.Gray)
    }

Пример: добавьте тень или градиентный фон, выходящий за границы содержимого.

5️⃣ Закрепляйте заголовки в LazyColumn с помощью stickyHeader

Jetpack Compose имеет нативную поддержку «липких» заголовков:

LazyColumn {
    stickyHeader {
        Text(
            "Section Title",
            modifier = Modifier.background(Color.White)
        )
    }
    items(data) {
        Text(it)
    }
}

Отлично подходит для: групповых списков (например, контакты A-Z), разделов чата по дате и т.д.

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

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

#буст