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 que prioriza os artistas, usaram o Jetpack Glance para criar um widget de músicas curtidas para o app, que tem uma classificação de 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, o SoundCloud se dedica a conectar artistas e fãs pela música. Essa atualização mais recente do app Android oferece aos ouvintes uma maneira ainda mais conveniente de curtir as músicas favoritas. Com o Glance, a equipe conseguiu concluir o projeto em apenas duas semanas, economizando um tempo precioso 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 de músicas curtidas permite que os usuários acessem diretamente uma música específica ou a lista completa de músicas na tela inicial. Isso mantém o SoundCloud em destaque para os ouvintes, funcionando como um atalho para as bibliotecas pessoais e incentivando as pessoas a voltarem a ouvir.

As músicas curtidas não são o primeiro widget do SoundCloud. Há mais de uma década, os desenvolvedores do SoundCloud usaram RemoteViews para criar um widget de player que permitia aos usuários controlar facilmente a reprodução e curtir músicas. Depois de atualizar o widget do player com base no feedback de design, os desenvolvedores priorizaram uma interface personalizada para as músicas marcadas com "Gostei". O novo widget tem os modos claro e escuro, pode ser redimensionado livremente para se adequar às preferências do usuário e adapta o tema de forma dinâmica para complementar o plano de fundo do usuário. Com o Glance, essas escolhas 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 Resumo

O Glance também teve um papel crucial na simplificação do desenvolvimento das músicas marcadas com "Gostei". Para desenvolvedores que já dominam o Compose, o design intuitivo do Glance foi 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 foi 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 de widgets."

A natureza declarativa da interface do Glance foi especialmente benéfica para os desenvolvedores. Como não precisavam usar outros arquivos XML 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 por um e reutilizados em iterações posteriores. Ao isolar componentes, os desenvolvedores podem testar módulos rapidamente, identificar e resolver problemas e criar para diferentes estados sem duplicação, o que resulta em 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 de forma isolada, sem precisar integrar o componente de IU ao widget ou implantar o widget completo no smartphone. Eles podiam representar vários estados, visualizar todos os casos relevantes e analisar as mudanças nos componentes sem precisar compilar o app inteiro. Em resumo, o Glance aumentou a produtividade dos desenvolvedores porque permitiu que eles fizessem iterações mais rápidas, refinando o widget para um produto final mais polido.

Melhorar os widgets de apps com o poder do Resumo

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 de músicas curtidas, o lançamento foi muito estável", disse Sigute. "O processo de desenvolvimento e teste foi muito tranquilo." Os dados iniciais também mostram resultados promissores: os usuários ativos agora interagem com o widget para acessar o app várias vezes ao dia, em média.

Pensando 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 atual de músicas curtidas se concentre principalmente na exibição de imagens, a equipe quer 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 corrigir alguns bugs antigos.

Além dos recursos de músicas curtidas e do 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 de músicas curtidas, 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 rapidamente widgets que mantêm seu app visível e envolvente com o Glance.

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