O SoundCloud usa o Jetpack Glance para criar o widget "Liked Tracks" em apenas duas semanas

Para facilitar ainda mais a experiência de ouvir música no Android, os desenvolvedores do SoundCloud, uma plataforma de música focada em artistas, usaram o Jetpack Glance para criar um widget "Liked Tracks" para o app, que tem 4,6 estrelas e mais de 100 milhões de downloads. Com um catálogo de mais de 400 milhões de músicas de mais de 40 milhões de criadores de conteúdo, o SoundCloud se dedica a conectar artistas e fãs por meio da música. Essa atualização mais recente do app Android oferece aos ouvintes uma maneira ainda mais conveniente de aproveitar as músicas favoritas. Com o Glance, a equipe conseguiu concluir o projeto em apenas duas semanas, economizando tempo de desenvolvimento e aumentando o engajamento.

Maximize a visibilidade com pontos de contato fáceis de usar

Ao mostrar a arte das músicas curtidas recentemente, o novo widget "Liked Tracks" permite que os usuários acessem uma música específica ou a lista completa de faixas diretamente na tela inicial. Isso mantém o SoundCloud em destaque para os ouvintes, funcionando como um atalho para as bibliotecas pessoais e incentivando-os a voltar.

"Liked Tracks" não é o primeiro widget do SoundCloud. Há mais de uma década, os desenvolvedores do SoundCloud usaram o RemoteViews para criar um widget de player que permitia aos usuários controlar a reprodução e curtir músicas com facilidade. Depois de atualizar recentemente o widget do player com base no feedback do design, os desenvolvedores priorizaram uma interface personalizada para o "Liked Tracks". O novo widget apresenta os modos claro e escuro, redimensiona livremente para acomodar as preferências do usuário e adapta dinamicamente o tema para complementar o papel de parede do usuário. Com o Glance, essas opções de design garantiram que o widget não fosse apenas fácil de usar, mas também servisse como um portal atraente e personalizado para o app SoundCloud.

Acelere os ciclos de desenvolvimento com o Glance

O Glance também desempenhou um papel fundamental na simplificação do desenvolvimento do "Liked Tracks". Para os desenvolvedores que já têm proficiência no Compose, o design intuitivo do Glance pareceu familiar, minimizando a curva de aprendizado e acelerando a integração da equipe. A coleção de exemplos de código da plataforma também forneceu um ponto de partida útil, ajudando os desenvolvedores a entender rapidamente os recursos e as práticas recomendadas. "Usar repositórios de apps de exemplo é uma ótima maneira de aprender. Posso conferir um repositório inteiro e inspecionar como o código funciona", disse Sigute Kateivaite, engenheira líder do SoundCloud na equipe do Android. "Isso acelerou muito o desenvolvimento do nosso widget."

A natureza declarativa da interface do Glance foi especialmente benéfica para os desenvolvedores. Como não precisavam usar arquivos XML adicionais ao criar, os desenvolvedores puderam criar um código mais limpo e legível com menos código boilerplate. O Glance também permitiu que eles trabalhassem com módulos separadamente, o que significa que os componentes podiam ser escritos e integrados um de cada vez e reutilizados para iterações posteriores. Ao isolar componentes, os desenvolvedores puderam testar módulos rapidamente, identificar e resolver problemas e criar para diferentes estados sem duplicação, o que levou a fluxos de trabalho mais eficientes.

O design do Glance também melhorou a qualidade geral do código. A capacidade de fazer mudanças usando o suporte do Android Studio para a visualização em tempo real do Glance permitiu que os desenvolvedores criassem componentes isoladamente sem precisar integrar o componente da interface ao widget ou implantar o widget completo no smartphone. Eles podiam representar vários estados, visualizar todos os casos relevantes e analisar mudanças nos componentes sem precisar compilar o app completo. Em resumo, o Glance tornou os desenvolvedores mais produtivos porque permitiu que eles fizessem iterações mais rápidas, refinando o widget para um produto final mais refinado.

Melhore os widgets de apps com o poder do Glance

Com novos fluxos de trabalho eficazes e sem grandes problemas de desenvolvimento, a equipe do SoundCloud elogia o Glance por simplificar uma produção bem-sucedida. "Com o novo widget "Liked Tracks", a implantação foi muito estável", disse Sigute. "O desenvolvimento e o processo de teste foram muito tranquilos." Os dados iniciais também mostram resultados promissores: os usuários ativos agora interagem com o widget para acessar o app várias vezes por dia, em média.

No futuro, a equipe do SoundCloud quer usar mais o Glance para melhorar os widgets atuais, como adotar layouts canônicos, e até mesmo desenvolver novos. Embora o widget "Liked Tracks" atual se concentre principalmente na exibição de imagens, a equipe está interessada em incluir outros tipos de conteúdo para enriquecer ainda mais a experiência do usuário. Os desenvolvedores também esperam migrar o widget do player para o Glance para acessar as opções de temas robustas do framework, simplificar os processos de redimensionamento e resolver alguns bugs antigos.

Além dos recursos "Liked Tracks" e "Player", a equipe está animada com o potencial de usar o Glance para criar uma variedade maior de widgets. A arquitetura modular baseada em componentes do widget "Liked Tracks", com elementos reutilizáveis, como UserAvatar e Logo, oferece uma base sólida para o desenvolvimento futuro, prometendo simplificar os processos desde o início.

Comece a criar widgets de apps personalizados com o Jetpack Glance

Desenvolva e implante widgets rapidamente que mantenham seu app visível e envolvente com o Glance.

Esta postagem do blog faz parte da nossa série: Spotlight Week on Widgets, em que oferecemos recursos (postagens de blog, vídeos, exemplos de código e muito mais) projetados para ajudar você a criar widgets. Leia mais na visão geral da Spotlight Week: Widgets, que será atualizada durante toda a semana.