SoundCloud использует Jetpack Glance для создания виджета Liked Tracks всего за 2 недели

Чтобы пользователям Android было ещё удобнее слушать музыку, разработчики SoundCloud – музыкальной платформы, ориентированной на исполнителей, – использовали Jetpack Glance для создания виджета "Понравившиеся треки" для своего приложения, которое имеет высокий рейтинг (4,6 звезды) и более 100 миллионов скачиваний. В каталоге SoundCloud более 400 миллионов треков от 40 миллионов авторов. Платформа помогает исполнителям и поклонникам находить друг друга. С последним обновлением приложения для Android слушать любимую музыку стало ещё удобнее. Благодаря Glance команда смогла завершить проект всего за две недели, сэкономив драгоценное время на разработку и повысив вовлеченность.

Максимальная видимость благодаря удобным точкам взаимодействия

Виджет "Понравившиеся треки" показывает обложки недавно понравившихся треков и позволяет сразу перейти к определенной песне или открыть весь список прямо с главного экрана. Это позволяет SoundCloud оставаться на виду у слушателей, обеспечивая быстрый доступ к их личным библиотекам и побуждая их возвращаться к прослушиванию.

Liked Tracks – не первый виджет SoundCloud. Более десяти лет назад разработчики SoundCloud использовали RemoteViews для создания виджета проигрывателя, который позволял пользователям легко управлять воспроизведением и ставить лайки трекам. Недавно разработчики обновили виджет проигрывателя на основе отзывов о дизайне и уделили особое внимание персонализации интерфейса для понравившихся треков. Новый виджет поддерживает светлую и тёмную темы, его размер можно менять, а тема динамически адаптируется к обоям пользователя. Благодаря Glance виджет не только удобен в использовании, но и служит привлекательным и персонализированным шлюзом в приложение SoundCloud.

Ускорение циклов разработки с помощью Glance

Glance также сыграл важную роль в оптимизации разработки Liked Tracks. Разработчики, которые уже умели работать с Compose, быстро освоили интуитивно понятный дизайн Glance. Это позволило команде быстрее приступить к работе. Кроме того, на платформе есть коллекция примеров кода, которая помогает разработчикам быстро освоить ее возможности и рекомендации. "Использование репозиториев примеров приложений – отличный способ обучения. Я могу проверить весь репозиторий и посмотреть, как работает код", – говорит Сигуте Катейвайте, ведущий инженер SoundCloud в команде Android. "Это значительно ускорило разработку виджетов".

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

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

Как улучшить виджеты приложений с помощью Glance

Благодаря эффективным новым рабочим процессам и отсутствию серьезных проблем с разработкой команда SoundCloud высоко оценивает Glance за оптимизацию успешного производства. "С новым виджетом Liked Tracks внедрение прошло очень стабильно, – говорит Сигуте. – "Разработка и тестирование прошли очень гладко". Первые данные также показывают многообещающие результаты: активные пользователи теперь взаимодействуют с виджетом, чтобы заходить в приложение в среднем несколько раз в день.

В будущем команда SoundCloud планирует активнее использовать Glance, чтобы улучшать существующие виджеты, например внедрять канонические макеты, и даже разрабатывать новые. Сейчас в виджете "Понравившиеся треки" показываются только изображения, но команда хочет добавить и другие типы контента, чтобы сделать виджет ещё интереснее. Разработчики также надеются перенести виджет Player в Glance, чтобы получить доступ к надежным параметрам тем фреймворка, упростить процессы изменения размера и устранить некоторые давние ошибки.

Помимо функций Liked Tracks и Player, команда с нетерпением ждет возможности использовать Glance для создания более широкого спектра виджетов. Модульная архитектура виджета Liked Tracks на основе компонентов с повторно используемыми элементами, такими как UserAvatar и Logo, предлагает прочную основу для будущей разработки, обещая упростить процессы с самого начала.

Начните создавать собственные виджеты приложений с помощью Jetpack Glance

Быстро разрабатывайте и развертывайте виджеты, которые повышают видимость приложения и вовлеченность пользователей, с помощью Glance.

Эта запись в блоге – часть серии Неделя виджетов, в которой мы делимся ресурсами (записями в блоге, видео, примерами кода и т. д.), которые помогут вам разрабатывать и создавать виджеты. Подробнее о Spotlight Week: Widgets…