​Ускоренный курс по Jetpack Compose для начинающих

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

https://youtu.be/6_wK_Ud8--0

#android #compose

Основы: этапы работы Jetpack Compose

В этой статье наглядно представлена модель и её разбор для понимания, как Jetpack Compose API преобразуют данные в UI поэтапно: Composition, Layout и Drawing:

https://medium.com/androiddevelopers/compose-phases-7fe6630ea037

#compose

​Как настроить виджет «Поиска»

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

https://youtu.be/CfL6Dl2_dAE

#android #compose

​Миграция приложения на Jetpack Compose

В этой статье рассматривается, как на практике перейти на Compose на примере простого приложения «Sunflower». Автор разбирает, как

— удалить компоненты Navigation и Fragment и перейти на Navigation Compose,
— создать библиотеку общих компонентов UI,
— создать новые функции с помощью Compose и другое:

https://tprg.ru/vgCJ

#compose #android

​Jetpack Compose: cоздание приложения для изучения языка

Серия статей, в которой автор показывает процесс создания приложения для изучения иностранных языков. Свой проект герой назвал — Lingua, это аналог Duolingo и Anki.

Часть 1: Введение, инструменты и библиотеки
Часть 2: Навигация
Часть 3: Создание карточек, вопросов и квиза.

#android #compose

​Как записывать аудио в Android-приложении?

Видеоурок, в котором рассматривается, как создать простой диктофон и проигрыватель на Android с помощью Jetpack Compose:

https://youtu.be/4MJFmhcONfI

#compose #android

7 Jetpack Compose проектов для практики

Подборка проектов с открытым исходным кодом, на которых можно попрактиковаться:

— приложение для отслеживания ТВ-шоу,
— лента Stack Overflow,
— приложение для любителей кофе,
— новости,
— аналог Spotify,
— приложение для доставки еды,
— Рик и Морти на GraphQL:

https://tprg.ru/1Ejk

#compose

Графика с использованием Jetpack Compose

В играх, приложениях для рисования или диаграмм порой требуется графика. Если вам нужен простой элемент, то его можно создать с помощью Jetpack Compose. В этом руководстве рассматривается, как использовать Graphics API с Сanvas:

— создание простых и более сложных фигур,
— отображение текста с помощью Paint,
— работа с объектами:

Подробнее:

https://www.kodeco.com/34506480-graphics-using-jetpack-compose

#compose

UI для чата поддержки с помощью Jetpack Compose

Команда из «Бланка» делится своим опытом разработки интерфейсом чата только на Jetpack Compose. В статье несколько нюансов самой разработки, а также преимущества Compose над XML-макетами:

https://habr.com/ru/articles/730368/

#compose

​Подборка полезных видеоуроков от Филиппа Лакнера

Собрали несколько популярных видео для разработчиков под Android за апрель:

1. Пагинация c использованием Paging3 и Compose
2. LazyColumn: контроль скролла
3. Создание Wear OS приложения с Jetpack Compose
4. Многострочное текстовое поле с подсказкой
5. Реализация Security Scan с помощью AppSweep и GitHub Actions

#android #compose

Jetpack Compose: отслеживание действий пользователя

В статье рассматривается, как настроить:

— обнаружение движения скролла, свайпа и нажатий,
— отслеживание UI-элементов, с которым взаимодействует пользователь,
— генерацию соответствующего breadcrumb по идентификатору элемента:

https://tprg.ru/CKOQ

#android #compose

​Что нового в Jetpack и Jetpack Compose

10 мая в Маунтин-Вью в Калифорнии началась ежегодная конференция Google I/O 2023. Разработчики OS Android рассказали об обновлениях в Jetpack и Jetpack Compose.

В материале разработчики рассказывают об оптимизации производительности приложений, обновлениях ключевых библиотек, и о библиотеках UI, в том числе Compose:

https://android-developers.googleblog.com/2023/05/whats-new-in-jetpack-io-2023.html

Более подробно об обновлениях в Jetpack Compose в статье:

https://android-developers.googleblog.com/2023/05/whats-new-in-jetpack-compose.html

#jetpack #compose

​Что такое Compose Multiplatform?

На сегодняшний день есть два основных UI-фреймворка, которые позволяют запускать один и тот же UI на разных платформах и широко представлены на рынке: React Native и Flutter.

Но статья не о них, а об удобном и мощном инструменте мобильной и десктопной разработки — Compose Multiplatform, приложения на котором можно запускать почти где угодно и на чем угодно — Android, iOS, Windows, Linux, MacOS и в браузере:

https://habr.com/ru/companies/timeweb/articles/734818/

#compose #kotlin

​Различия Compose и SwiftUI

На первый взгляд SwiftUI и Jetpack Compose очень похожи. Оба являются декларативными UI-фреймворками с похожими примитивами, предназначенными для выполнения одной и той же задачи.

Но есть некоторые фундаментальные различия, которые определяют способ их использования. Подробности в статье:

https://medium.com/mateedevs/fundamental-differences-of-compose-and-swiftui-2dc0cdd0b37

#swiftui #compose

​Как создать простой видеоплеер с помощью Jetpack Compose и ExoPlayer

ExoPlayer — библиотека для воспроизведения аудио и видео с открытым исходным кодом, которая является альтернативой API MediaPlayer на Android.

С помощью этого видео, Jetpack Compose и этой библиотеки, вы сможете создать свой собственный видеоплеер:

https://youtu.be/JX1fwti2LI4

#android #compose

​Осознанная оптимизация Compose

Compose — относительно молодая технология написания декларативного UI. Из-за этого многие разработчики могут и не догадываться, что пишут совсем не оптимальный код.

В этой статье вы найдёте множество советов и наработок по написанию оптимизированного Compose-кода

https://habr.com/ru/companies/ozontech/articles/742854/

#kotlin #compose #android

Условное отображение BottomBar в Compose

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

Давайте посмотрим, как настроить BottomBar так, чтобы он исчезал и появлялся, когда нам это нужно с помощью Jetpack Compose:

https://www.valueof.io/blog/should-show-bottombar-conditionally-in-jetpack-compose

#compose #android

Библиотека для модальных диалогов

ComposeDialogs предлагает легко расширяемый фреймворк Compose и позволяет показывать формы и диалоги в виде незакрываемых окон или bottom sheet.

GitHub: https://github.com/MFlisar/ComposeDialogs

#android #compose