SoundCloud 僅用 2 週就以 Jetpack Glance 建構出「喜歡的曲目」小工具

為了讓 Android 使用者更輕鬆地收聽音樂，SoundCloud (以藝人為優先的音樂平台) 的開發人員採用 Jetpack Glance，為他們的高評價應用程式 (4.6 星，下載次數超過 1 億次) 建立「喜歡的曲目」小工具。SoundCloud 擁有超過 4 億首曲目，創作者人數超過 4 千萬，致力於透過音樂連結藝人和粉絲。這次 Android 應用程式的最新更新，將為聽眾提供更便利的方式來欣賞喜愛的曲目。在 Glance 的推動下，團隊僅僅兩週就完成了專案，節省了寶貴的開發時間，並提升了參與度。

透過簡單易用的接觸點，盡量提高曝光度

新的「已喜歡的曲目」小工具會顯示使用者最近喜歡的曲目，讓他們直接從主畫面跳到特定歌曲，或存取完整曲目清單。讓聽眾隨時都能輕鬆存取 SoundCloud，當成個人媒體庫的捷徑，並鼓勵他們再次收聽。

「喜歡的曲目」並非 SoundCloud 的第一個小工具。十多年前，SoundCloud 開發人員使用 RemoteViews 建立播放器小工具，讓使用者輕鬆控制播放方式及喜歡的曲目。開發人員最近根據設計意見回饋更新了播放器小工具，並確保優先為「已喜歡的曲目」提供個人化介面。新版小工具支援淺色和深色模式，可自由調整大小以配合使用者偏好設定，並動態調整主題，與使用者的桌布相得益彰。在 Glance 的支援下，這些設計選擇不僅確保小工具能順暢運作，也成為 SoundCloud 應用程式的吸引人入口，提供量身打造的體驗。

運用 Glance 加快開發週期

此外，Glance 在簡化「喜歡的曲目」的開發流程方面也扮演了重要角色。對於已精通 Compose 的開發人員來說，Glance 的直覺式設計十分熟悉，可縮短學習曲線，加快團隊的上手速度。這個平台提供的程式碼範例集也很有用，可做為開發人員的起點，協助他們快速掌握平台功能和最佳做法。「使用範例應用程式存放區是絕佳的學習方式。「我可以查看整個存放區，並檢查程式碼的運作方式。」Android 團隊的 SoundCloud 首席工程師 Sigute Kateivaite 說道。「這大幅加快了我們的小工具開發速度。」

Glance UI 的聲明式性質對開發人員特別有益。由於開發人員在建構時不必使用額外的 XML 檔案，因此可以建立更簡潔、可讀性更高的程式碼，並減少樣板。Glance 也允許他們分別處理模組，也就是說，可以一次編寫及整合一個元件，並在後續疊代中重複使用。開發人員可藉由隔離元件，快速測試模組、找出並解決問題，以及為不同狀態建構內容，不必重複作業，進而提升工作流程效率。

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

運用「資訊一覽」的強大功能，提升應用程式小工具的實用性

SoundCloud 團隊表示，Glance 簡化了製作流程，讓他們能順利完成製作，並採用有效的新工作流程，且未發生重大開發問題。「推出『已喜歡的曲目』小工具後，我們發現成效非常穩定。」Sigute 說道。「開發和測試過程非常順利。」早期資料也顯示出令人期待的結果，現在活躍使用者平均每天會多次與小工具互動，藉此存取應用程式。

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

除了「喜歡的曲目」和「播放器」功能，團隊也對使用 Glance 建構更多小工具的可能性感到興奮。「喜歡的曲目」小工具採用模組化架構，以元件為基礎，並提供可重複使用的元素 (例如 UserAvatar 和 Logo)，為日後的開發作業奠定穩固基礎，從一開始就能簡化程序。

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

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

這篇網誌文章是「小工具焦點週」系列文章之一，我們將提供網誌文章、影片、程式碼範例等資源，協助您設計及建立小工具。歡迎 參閱「Spotlight Week：小工具」總覽，我們會在整個星期更新內容。