SoundCloud usa Jetpack Glance para compilar el widget de pistas que te gustan en solo 2 semanas

Para que a los usuarios les resulte aún más fácil escuchar música en Android, los desarrolladores de SoundCloud, una plataforma de música centrada en los artistas, recurrieron a Jetpack Glance para crear un widget de pistas que les gustan para su app, que tiene una calificación alta de 4.6 estrellas y más de 100 millones de descargas. Con un catálogo de más de 400 millones de pistas de más de 40 millones de creadores, SoundCloud se dedica a conectar a artistas y fans a través de la música, y esta última actualización de su app para Android ofrece a los oyentes una forma aún más conveniente de disfrutar de sus pistas favoritas. Con la ayuda de Glance, el equipo pudo completar el proyecto en solo dos semanas, lo que ahorró un valioso tiempo de desarrollo y aumentó la participación.

Maximiza la visibilidad con puntos de contacto fáciles de usar

Con el nuevo widget de pistas que te gustaron, que muestra las carátulas de las pistas que te gustaron recientemente, puedes ir directamente a una canción específica o acceder a la lista completa de pistas desde la pantalla principal. Esto mantiene a SoundCloud en un lugar destacado para los oyentes, ya que actúa como un acceso directo a sus bibliotecas personales y los anima a volver a sintonizar.

Liked Tracks no es el primer widget de SoundCloud. Hace más de una década, los desarrolladores de SoundCloud usaron RemoteViews para crear un widget de reproductor que permitiera a los usuarios controlar fácilmente la reproducción y marcar pistas como Me gusta. Después de actualizar recientemente el widget del reproductor según los comentarios sobre el diseño, los desarrolladores se aseguraron de priorizar una interfaz personalizada para las pistas que les gustan a los usuarios. El nuevo widget cuenta con modos claro y oscuro, se puede cambiar de tamaño libremente para adaptarse a las preferencias del usuario y adapta su tema de forma dinámica para complementar el fondo de pantalla del usuario. Con el respaldo de Glance, estas opciones de diseño garantizaron que el widget no solo sea fácil de usar, sino que también sirva como una puerta de entrada atractiva y personalizada a la app de SoundCloud.

Acelera los ciclos de desarrollo con Glance

Glance también desempeñó un papel fundamental en la optimización del desarrollo de las pistas que te gustan. Para los desarrolladores que ya dominan Compose, el diseño intuitivo de Glance les resultó familiar, lo que minimizó la curva de aprendizaje y aceleró la incorporación del equipo. La colección de muestras de código de la plataforma también proporcionó un punto de partida útil, lo que ayudó a los desarrolladores a comprender rápidamente sus capacidades y prácticas recomendadas. “Usar repositorios de apps de ejemplo es una excelente manera de aprender. Puedo revisar un repositorio completo y ver cómo funciona el código”, dijo Sigute Kateivaite, ingeniera principal de SoundCloud en el equipo de Android. “Aceleró mucho el desarrollo de nuestros widgets”.

La naturaleza declarativa de la IU de Glance fue especialmente beneficiosa para los desarrolladores. Como no tuvieron que usar archivos en formato XML adicionales durante la compilación, los desarrolladores pudieron crear código más limpio y legible con menos código estándar. Glance también les permitió trabajar con módulos por separado, lo que significa que los componentes se podían escribir e integrar de a uno y reutilizarse para iteraciones posteriores. Aislando los componentes, los desarrolladores pudieron probar módulos con rapidez, identificar y resolver problemas, y compilar para diferentes estados sin duplicación, lo que generó flujos de trabajo más eficientes.

El diseño de Glance también mejoró la calidad general del código. La capacidad de realizar cambios con la compatibilidad de Android Studio para la vista previa en tiempo real de Glance permitió a los desarrolladores compilar componentes de forma aislada sin necesidad de integrar el componente de la IU en el widget ni implementar el widget completo en el teléfono. Podían representar varios estados, ver todos los casos relevantes y revisar los cambios en los componentes sin tener que compilar la app completa. En pocas palabras, Glance aumentó la productividad de los desarrolladores porque les permitió iterar más rápido y perfeccionar el widget para obtener un producto final más pulido.

Mejora los widgets de la app con el poder de Glance

Con nuevos flujos de trabajo eficaces y sin problemas de desarrollo importantes, el equipo de SoundCloud elogia a Glance por optimizar una producción exitosa. “Con el nuevo widget de Canciones que te gustan, el lanzamiento fue muy estable”, dijo Sigute. “El proceso de desarrollo y pruebas se realizó sin problemas”. Los datos iniciales también muestran resultados prometedores: los usuarios activos ahora interactúan con el widget para acceder a la app varias veces al día en promedio.

De cara al futuro, el equipo de SoundCloud está ansioso por usar más Glance para mejorar los widgets existentes, como adoptar diseños canónicos, y hasta desarrollar nuevos. Si bien el widget actual de Canciones que te gustan se centra principalmente en mostrar imágenes, el equipo está interesado en incluir otros tipos de contenido para enriquecer aún más la experiencia del usuario. Los desarrolladores también esperan migrar el widget del reproductor a Glance para acceder a las sólidas opciones de temas del framework, simplificar los procesos de cambio de tamaño y corregir algunos errores de larga data.

Más allá de las funciones de pistas que te gustan y del reproductor, el equipo está entusiasmado con el potencial de usar Glance para compilar una gama más amplia de widgets. La arquitectura modular basada en componentes del widget Liked Tracks, con elementos reutilizables como UserAvatar y Logo, ofrece una base sólida para el desarrollo futuro, lo que promete simplificar los procesos desde el principio.

Comienza a compilar widgets de apps personalizados con Jetpack Glance

Desarrolla e implementa rápidamente widgets que mantengan tu app visible y atractiva con Glance.

Esta entrada de blog forma parte de nuestra serie: Semana de Spotlight sobre widgets, en la que proporcionamos recursos (entradas de blog, videos, código de muestra y mucho más) diseñados para ayudarte a diseñar y crear widgets. Puedes obtener más información en la descripción general de la Spotlight Week: Widgets, que se actualizará durante la semana.