SoundCloud używa Jetpack Glance do tworzenia widżetu Polubione utwory w zaledwie 2 tygodnie

Aby jeszcze bardziej ułatwić użytkownikom słuchanie muzyki na Androidzie, deweloperzy z SoundCloud – platformy muzycznej, która stawia artystów na pierwszym miejscu – wykorzystali Jetpack Glance do utworzenia widżetu Polubione utwory dla swojej wysoko ocenianej aplikacji, która ma 4,6 gwiazdki i ponad 100 milionów pobrań. SoundCloud to platforma, która łączy wykonawców i fanów za pomocą muzyki. Zawiera katalog ponad 400 milionów utworów od ponad 40 milionów twórców. Najnowsza aktualizacja aplikacji na Androida zapewnia słuchaczom jeszcze wygodniejszy dostęp do ulubionych utworów. Dzięki Glance zespołowi udało się ukończyć projekt w zaledwie 2 tygodnie, co pozwoliło zaoszczędzić cenny czas programistów i zwiększyć zaangażowanie.

Maksymalizacja widoczności dzięki przyjaznym dla użytkownika punktom kontaktu

Nowy widżet Polubione utwory wyświetla okładki ostatnio polubionych utworów, dzięki czemu użytkownicy mogą przejść bezpośrednio do konkretnego utworu lub uzyskać dostęp do pełnej listy utworów bezpośrednio z ekranu głównego. Dzięki temu SoundCloud jest zawsze widoczny dla słuchaczy, działa jako skrót do ich osobistych bibliotek i zachęca do ponownego słuchania.

Polubione utwory to nie pierwszy widżet SoundCloud. Ponad 10 lat temu deweloperzy SoundCloud użyli RemoteViews do utworzenia widżetu odtwarzacza, który umożliwiał użytkownikom łatwe sterowanie odtwarzaniem i polubienie utworów. Po niedawnej aktualizacji widżetu odtwarzacza na podstawie opinii dotyczących projektu deweloperzy zadbali o to, aby spersonalizowany interfejs polubionych utworów był traktowany priorytetowo. Nowy widżet ma tryb jasny i ciemny, można go dowolnie skalować zgodnie z preferencjami użytkownika i dynamicznie dostosowuje motyw do tapety użytkownika. Dzięki Glance te wybory projektowe sprawiły, że widżet jest nie tylko łatwy w użyciu, ale też stanowi atrakcyjną i dostosowaną bramę do aplikacji SoundCloud.

Przyspieszanie cykli programowania dzięki Glance

Glance odegrał też kluczową rolę w usprawnieniu procesu tworzenia funkcji Polubione utwory. Dla deweloperów, którzy już dobrze znają Compose, intuicyjny interfejs Glance był znajomy, co skróciło czas nauki i przyspieszyło wdrożenie zespołu. Kolekcja przykładowych kodów na platformie stanowiła też przydatny punkt wyjścia, pomagając deweloperom szybko zrozumieć możliwości i sprawdzone metody. „Korzystanie z repozytoriów przykładowych aplikacji to świetny sposób na naukę. Mogę sprawdzić całe repozytorium i zobaczyć, jak działa kod” – mówi Sigute Kateivaite, główna inżynierka SoundCloud w zespole Androida. „Znacznie przyspieszyło to tworzenie widżetów”.

Deklaratywny charakter interfejsu Glance był szczególnie korzystny dla deweloperów. Dzięki temu, że nie musieli używać dodatkowych plików XML podczas tworzenia, deweloperzy mogli tworzyć czystszy, bardziej czytelny kod z mniejszą ilością powtarzających się fragmentów. Glance pozwolił też na pracę z modułami osobno, co oznacza, że komponenty można było pisać i integrować pojedynczo oraz wykorzystywać ponownie w późniejszych iteracjach. Dzięki wyizolowaniu komponentów deweloperzy mogli szybko testować moduły, identyfikować i rozwiązywać problemy oraz tworzyć różne stany bez duplikowania, co zwiększyło wydajność przepływów pracy.

Projekt Glance poprawił też ogólną jakość kodu. Możliwość wprowadzania zmian za pomocą obsługi podglądu Glance w czasie rzeczywistym w Android Studio pozwoliła deweloperom tworzyć komponenty w izolacji, bez konieczności integrowania komponentu interfejsu z widżetem lub wdrażania pełnego widżetu na telefonie. Mogli reprezentować różne stany, wyświetlać wszystkie istotne przypadki i sprawdzać zmiany w komponentach bez konieczności kompilowania całej aplikacji. Mówiąc prościej, Glance zwiększył produktywność deweloperów, ponieważ pozwolił im na szybsze wprowadzanie zmian i ulepszanie widżetu, co przełożyło się na bardziej dopracowany produkt końcowy.

Ulepszanie widżetów aplikacji za pomocą funkcji Glance

Dzięki skutecznym nowym przepływom pracy i brakowi poważnych problemów z rozwojem zespół SoundCloud chwali Glance za usprawnienie udanej produkcji. „Dzięki nowemu widżetowi Polubione utwory wdrażanie przebiegało bardzo stabilnie” – mówi Sigute. „Proces tworzenia i testowania przebiegł bardzo sprawnie”. Wstępne dane również pokazują obiecujące wyniki – aktywni użytkownicy korzystają teraz z widżetu, aby uzyskać dostęp do aplikacji średnio kilka razy dziennie.

W przyszłości zespół SoundCloud chce wykorzystać więcej funkcji Glance, aby ulepszyć istniejące widżety, np. przez zastosowanie układów kanonicznych, a nawet opracować nowe. Obecny widżet Polubione utwory skupia się głównie na wyświetlaniu obrazów, ale zespół chce uwzględnić inne rodzaje treści, aby jeszcze bardziej wzbogacić wrażenia użytkowników. Deweloperzy chcą też przenieść widżet odtwarzacza do Glance, aby uzyskać dostęp do rozbudowanych opcji motywów, uprościć procesy zmiany rozmiaru i rozwiązać niektóre długotrwałe problemy.

Oprócz funkcji Polubione utwory i Odtwarzacz zespół jest podekscytowany możliwością wykorzystania Glance do tworzenia szerszej gamy widżetów. Modułowa, oparta na komponentach architektura widżetu Polubione utwory z elementami wielokrotnego użytku, takimi jak UserAvatar i Logo, stanowi solidną podstawę dla przyszłego rozwoju i obiecuje uproszczenie procesów od samego początku.

Tworzenie niestandardowych widżetów aplikacji za pomocą Jetpack Glance

Szybko twórz i wdrażaj widżety, które sprawią, że Twoja aplikacja będzie widoczna i atrakcyjna, dzięki Glance.

Ten post na blogu jest częścią naszej serii: Tydzień widżetów, w której udostępniamy materiały – posty na blogu, filmy, przykładowy kod i inne – które pomogą Ci projektować i tworzyć widżety. Więcej informacji znajdziesz w podsumowaniu Spotlight Week: widżety, które będziemy aktualizować przez cały tydzień.