SoundCloud 利用 Jetpack Glance 在 Android 平台上快速构建了“Liked Tracks” widget，旨在提升用户体验和应用曝光度。通过 Glance，SoundCloud 团队在两周内完成了项目，显著节省了开发时间，并提高了用户参与度。新 widget 允许用户直接从主屏幕访问喜欢的曲目，提供浅色和深色模式，可自由调整大小，并动态调整主题以匹配用户壁纸。Glance 的声明式界面和实时预览功能提高了开发效率和代码质量。SoundCloud 团队计划进一步利用 Glance 改进现有 widget，并探索更多可能性。

🎧 SoundCloud 借助 Jetpack Glance 构建了“Liked Tracks” widget，使用户能更便捷地访问喜欢的曲目。

⏱️ 通过使用 Glance，SoundCloud 团队在短短两周内完成了项目，显著缩短了开发周期。

🎨 新 widget 支持浅色和深色模式、可自由调整大小，并动态调整主题以匹配用户壁纸，提供个性化体验。

💡 Glance 的声明式界面和实时预览功能提高了开发效率和代码质量，简化了开发流程。

🚀 SoundCloud 团队计划进一步使用 Glance 改进现有 widget，并探索更多 widget 的可能性，提升用户体验。

原创 Android 2025-06-18 18:15 北京

与您分享 SoundCloud 如何借助 Jetpack Glance 快速高效地构建 widget，在节省开发时间的同时，提高了应用的曝光度和吸引力。

作者 / 开发者关系工程师 Summers Pittman

为了让用户更轻松地在 Android 上收听音乐，SoundCloud (一个以音乐人为核心的音乐平台) 的开发者借助 Jetpack Glance 为这款备受好评的应用创建了 "Liked Tracks" widget，该应用拥有 4.6 星的评分和超过 1 亿次的下载量。SoundCloud 拥有 4 亿多首曲目和 4,000 多万名创作者，致力于通过音乐将音乐人和粉丝联系起来。这款 Android 应用的最新更新为听众提供了一种更便捷的方式来欣赏他们最喜欢的曲目。借助 Glance，团队在短短两周内就完成了这个项目，这既节省了宝贵的开发时间，又提高了用户参与度。

🔗 SoundCloud

https://soundcloud.com/

🔗 Jetpack Glance

https://developer.android.com/develop/ui/compose/glance

通过展示用户最近喜欢的音乐曲目，新的 Liked Tracks widget 允许用户直接跳转到特定的歌曲，或直接从主屏幕访问完整的曲目列表。这使 SoundCloud 始终展示在听众的视野中心，成为直达用户个人曲库的快捷方式，并鼓励他们再次收听。

Liked Tracks 并非 SoundCloud 推出的第一个 widget。十多年前，SoundCloud 开发者使用 RemoteViews 创建了一个播放器 widget，让用户可以轻松控制播放功能并为曲目点赞。最近，在根据设计反馈更新播放器 widget 后，开发者致力于优先考虑为 Liked Tracks 设计个性化的界面。新 widget 具有浅色和深色模式，可自由调整大小以适应用户偏好，并动态调整其主题以匹配用户的壁纸。在 Glance 的支持下，这些设计不仅确保了 widget 的无缝体验，而且还可以充当颇具吸引力且量身定制的入口，从而吸引用户使用 SoundCloud 应用。

△ SoundCloud Liked Tracks widget 的实际效果

Glance 在简化 Liked Tracks 的开发方面也发挥了至关重要的作用。对于精通 Compose 的开发者来说，Glance 直观的设计让人感到熟悉，这不仅可最大限度地减少学习周期，还能加快团队的上手速度。该平台的代码示例集合也提供了一个实用的入门指南，可帮助开发者快速掌握其功能和最佳实践。"使用示例应用资源库是一种很好的学习方式。我可以查看整个资源库并检查代码的运作方式。" SoundCloud Android 团队的首席工程师 Sigute Kateivaite 表示。"它大大加快了我们的 widget 开发速度"。

Glance 的声明式界面对开发者尤为裨益。在进行构建时，开发者不必使用其他 XML 文件，就可以编写更清晰、更易读的代码，同时减少样板代码。Glance 还允许开发者单独使用模块，这意味着他们可以一次编写和集成组件，并在以后的迭代中重复使用。通过隔离组件，开发者可以快速测试模块、识别和解决问题，并且无需重复操作就能针对不同状态进行构建，从而提高工作流程的效率。

Glance 的设计还提高了整体代码质量。得益于 Android Studio 对 Glance 实时预览功能的支持，开发者可以独立构建组件，而无需将界面组件集成到 widget 中或在手机上部署完整的 widget。他们可以表示不同的状态，查看所有相关案例，并在无需编译完整应用的情况下检查组件变更。简而言之，Glance 提高了开发者的工作效率，因为它使开发者能够更快地进行迭代，优化 widget，从而打造出更完美的最终产品。

凭借高效的新工作流程以及未遇到重大的开发问题，SoundCloud 团队称赞 Glance 成功简化了生产流程。Sigute 表示："新 Liked Tracks widget 的发布过程非常稳定，开发和测试环节也非常顺利。" 早期数据也表明前景一片光明，活跃用户平均每日都通过该组件多次访问应用。

△ 得益于 widget 功能，

平均每日活跃用户互动次数为之前的 2 倍

展望未来，SoundCloud 团队渴望更多地使用 Glance 来改进现有的 widget，例如采用规范的布局，甚至开发新的 widget。虽然当前的 Liked Tracks widget 主要侧重于图像显示，但团队有兴趣纳入其他类型的内容，以进一步丰富用户体验。开发者还希望将播放器 widget 迁移到 Glance，以利用该框架的强大主题选项，简化调整大小的过程，并解决一些遗留问题。

除了 Liked Tracks 和播放器功能外，团队对使用 Glance 构建更广泛的 widget 潜力充满期待。Liked Tracks widget 的模块化、基于组件的架构，以及 UserAvatar 和 Logo 等可重用元素，为未来的开发奠定了坚实的基础，并且有望从一开始就简化流程。

欢迎您使用 Glance 快速开发和部署 widget，同时提高应用的曝光度和吸引力。

🔗 Glance

https://developer.android.com/jetpack/androidx/releases/glance

本文是我们 "Spotlight Week on Widgets" 系列内容之一，在此系列中，我们会提供文章、视频、示例代码等资源，旨在帮助您设计和创建 widget。也欢迎您关注 "Android 开发者" 微信公众号，及时了解更多开发技术和产品更新等资讯动态！

---

阅读原文

跳转微信打开