SoundCloud с помощью Jetpack Glance создал виджет «Понравившиеся треки» всего за 2 недели.

Чтобы еще больше упростить прослушивание музыки на Android, разработчикиSoundCloud — музыкальной платформы, ориентированной на исполнителей, — обратились к Jetpack Glance для создания виджета «Понравившиеся треки» для своего высоко оцененного приложения, которое может похвастаться 4,6 звездами и более чем 100 миллионами загрузок. Имея каталог из более чем 400 миллионов треков от более чем 40 миллионов создателей, SoundCloud стремится объединять артистов и поклонников через музыку, и это последнее обновление приложения для Android предлагает слушателям еще более удобный способ наслаждаться любимыми треками. Благодаря Glance команда смогла завершить проект всего за две недели, сэкономив драгоценное время на разработке и повысив вовлеченность пользователей.

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

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

«Нравящие треки» — не первый виджет SoundCloud. Более десяти лет назад разработчики SoundCloud использовали RemoteViews для создания виджета «Плеер», который позволял пользователям легко управлять воспроизведением и ставить лайки трекам. После недавнего обновления виджета «Плеер» с учетом отзывов о дизайне, разработчики уделили первостепенное внимание персонализированному интерфейсу для «Нравящие треки». Новый виджет имеет светлый и темный режимы, свободно изменяет размер в соответствии с предпочтениями пользователя и динамически адаптирует свою тему к обоям пользователя. Благодаря поддержке Glance, эти дизайнерские решения гарантируют, что виджет не только удобен в использовании, но и служит привлекательным и персонализированным входом в приложение SoundCloud.

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

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

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

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

Улучшите виджеты приложений с помощью возможностей Glance.

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

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

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

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

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

Эта статья является частью нашей серии: «Неделя в центре внимания: виджеты» , в рамках которой мы предоставляем ресурсы — статьи в блоге, видео, примеры кода и многое другое — все это призвано помочь вам в разработке и создании виджетов. Подробнее можно прочитать в обзоре «Недели в центре внимания: виджеты» , который будет обновляться в течение недели.