Monzo to bank i aplikacja oferująca cyfrowe usługi finansowe. Ich misją jest zarabianie pieniędzy dla wszystkich. System projektowania Monzo zaczął odchodzić od stylu Material Design, dlatego firma szukała prostego sposobu pisania i utrzymywania niestandardowych komponentów, które stale się zmieniają. Zdecydowała się więc na Jetpack Compose.
Zastosowane rozwiązanie
W przypadku interfejsu Compose komponenty Material Design są udostępniane jako warstwa nad podstawowymi interfejsami API niezależne od systemu. Firma Monzo użyła podstawowych interfejsów API, by stworzyć własną bibliotekę komponentów, używając jako odniesienia komponentów Material Design. Na początku były one przenoszone pojedynczo, a teraz na wszystkich nowych ekranach za pomocą funkcji Utwórz. Obecnie wszyscy inżynierowie Androida używają funkcji tworzenia w wersji produkcyjnej: „Nie natrafiliśmy na żadne poważne problemy, więc mieliśmy wystarczająco dużo pewności, by zacząć z niej korzystać w wybranych nowych funkcjach, a potem we wszystkich nowych funkcjach”.
Wyniki
Zespół Monzo opracował komponenty, które pozwalają łatwo tworzyć nowe ekrany: „Dzięki komponentom, które dostarczamy od razu, tworzenie ekranu podczas nauki tworzenia jest jeszcze wygodniejsze. Interfejsy API oparte na przedziałach to fantastyczny wzorzec, który ułatwia nam tworzenie większych komponentów z mnóstwa małych elementów składowych”.
Dzięki funkcji Compose zespół Monzo mógł stworzyć aplikację wyższej jakości, dodając do niej funkcje, które wcześniej nie były dostępne w swoich sprintach: „Jednym z przykładów są animacje – są tak łatwe do dodania w komponencie, że niewiele jest powodów, dla których nie trzeba animować elementów takich jak zmiana koloru, rozmiaru i wysokości. Takie animacje są często zbyt trudne, aby były warte wysiłku i złożoności w systemie widoków”.
Kod aplikacji jest teraz krótszy i łatwiejszy do odczytania i zrozumienia oraz jego obsługi: „Kod deklaracyjny jest znacznie łatwiej uzasadniony niż kod, który manipuluje zmienną hierarchią interfejsu. Dużo łatwiejsze jest też ich śledzenie w kodzie, gdy są one napisane w tym samym języku i często w tym samym pliku, zamiast przełączać się między Kotlinem i XML. Nawet nie zajmuję się tworzeniem motywów i stylów XML. Znacznie łatwiej jest zrozumieć motywy podczas tworzenia wiadomości. Nasz motyw składa się wyłącznie ze zdefiniowanych przez nas właściwości, wartości są spójne na różnych urządzeniach, a ponieważ jest on w Kotlin, bardzo łatwo można go wyszukać i prześledzić w IDE.
Narzędzie Compose pozwoliło zespołowi Monzo łatwo przetestować aplikację i upewnić się, że jest ona dostępna: „Dzięki temu udało nam sięnapisać testy, które są mniej kruche, przebiegają niezawodnie i dają nam dużą pewność, że użytkownicy aplikacji naprawdę działają w ręce naszych użytkowników. Testowanie za pomocą systemu semantycznego gwarantuje też, że nasze ekrany są co najmniej domyślnie dostępne”.
Rozpocznij
Dowiedz się więcej o tworzeniu wiadomości.