SoundCloud 使用 Jetpack Glance，在短短 2 週內建構「喜歡的曲目」小工具

SoundCloud 是一個以藝人為主的音樂平台，為了讓使用者更輕鬆地在 Android 裝置上聆聽音樂，開發人員使用 Jetpack Glance 為其廣受好評的應用程式 (獲得 4.6 顆星，下載次數超過 1 億次) 建立「喜歡的曲目」小工具。SoundCloud 擁有超過 4 億首曲目，來自 4,000 多萬名創作者，致力於透過音樂連結藝人和粉絲。Android 應用程式的最新更新，讓聽眾能更方便地享受喜愛的曲目。在 Glance 的協助下，團隊僅用兩週就完成專案，節省寶貴的開發時間，並提升參與度。

透過容易使用的接觸點，盡量提高曝光率

新的「喜歡的曲目」小工具會顯示使用者最近喜歡的曲目封面，讓他們直接從主畫面跳到特定歌曲，或存取完整的曲目清單。這項功能可讓 SoundCloud 保持在聽眾最顯眼的位置，做為個人音樂庫的捷徑，並鼓勵他們再次收聽。

「喜歡的曲目」並非 SoundCloud 的第一個小工具。十多年前，SoundCloud 開發人員使用 RemoteViews 建立播放器小工具，讓使用者輕鬆控制播放及對曲目按讚。開發人員最近根據設計意見回饋更新播放器小工具，確保優先為「喜歡的曲目」提供個人化介面。新版小工具提供淺色和深色模式，可自由調整大小，滿足使用者偏好，並能動態調整主題，與使用者桌布相得益彰。在 Glance 的支援下，這些設計選擇不僅確保小工具使用起來順暢無比，還能成為吸引人的專屬入口，引導使用者進入 SoundCloud 應用程式。

運用 Glance 加快開發週期

Glance 也在簡化「Liked Tracks」的開發過程中扮演重要角色。Glance 的直覺式設計讓熟悉 Compose 的開發人員感到親切，不僅縮短學習曲線，也加快團隊上手速度。平台提供的程式碼範例也很有幫助，可讓開發人員快速掌握功能和最佳做法。「使用範例應用程式存放區是很好的學習方式。我可以查看整個存放區，並檢查程式碼的運作方式。」SoundCloud Android 團隊首席工程師 Sigute Kateivaite 說。「這大幅加快了小工具的開發速度。」

Glance UI 的宣告式特性對開發人員特別有幫助。由於建構時不必使用額外的 XML 檔案，開發人員可以建立更簡潔、更易讀的程式碼，減少樣板。Glance 還能讓他們分別處理模組，也就是一次編寫及整合一個元件，並在後續疊代中重複使用。透過隔離元件，開發人員可以快速測試模組、找出並解決問題，以及為不同狀態建構元件，而不會重複，進而提高工作流程效率。

Glance 的設計也提升了整體程式碼品質。Android Studio 支援 Glance 的即時預覽功能，開發人員可以獨立建構元件，不必將 UI 元件整合至小工具，或在手機上部署完整的小工具，就能進行變更。他們可以呈現各種狀態、查看所有相關案例，以及查看元件變更，而不必編譯整個應用程式。簡而言之，Glance 讓開發人員能更快速地疊代，進而提升工作效率，並精修小工具，打造更精緻的最終產品。

運用 Glance 強化應用程式小工具

SoundCloud 團隊認為 Glance 簡化了製作流程，不僅帶來有效率的新工作流程，也沒有重大開發問題。Sigute 表示：「新的『喜歡的曲目』小工具推出後，表現非常穩定。「開發和測試過程非常順利。」早期資料也顯示出令人期待的成果：活躍使用者現在平均每天會透過小工具與應用程式互動多次。

SoundCloud 團隊未來希望進一步運用 Glance 改善現有小工具 (例如採用標準版面配置)，甚至開發新小工具。雖然目前的「喜歡的曲目」小工具主要著重於圖片顯示，但團隊有興趣加入其他類型的內容，進一步豐富使用者體驗。開發人員也希望將 Player 小工具遷移至 Glance，以便使用該架構強大的主題設定選項、簡化調整大小程序，並解決一些長期存在的錯誤。

除了「喜歡的曲目」和「播放器」功能外，團隊也期待能運用 Glance 建構更多元的小工具。「喜歡的曲目」小工具採用模組化、以元件為基礎的架構，並提供 UserAvatar 和 Logo 等可重複使用的元素，為日後開發奠定穩固基礎，從一開始就簡化流程。

開始使用 Jetpack Glance 建構自訂應用程式小工具

使用 Glance 快速開發及部署小工具，讓應用程式持續顯示並吸引使用者。

這篇網誌文章是我們「Spotlight Week on Widgets」系列文章的一部分，我們提供網誌文章、影片、程式碼範例等資源，協助您設計及建立小工具。 歡迎參閱「Spotlight Week：小工具」總覽，進一步瞭解相關資訊。我們將在本週陸續更新內容。