Tworzenie aplikacji na każdy ekran dzięki najnowszym aktualizacjom Jetpack Compose z Android Dev Summit

Ekosystem Androida to rzeczywistość na wiele urządzeń, obejmująca telefony, urządzenia składane, tablety, urządzenia do noszenia, wyświetlacze samochodowe, XR i Googlebook. W tym środowisku programowanie adaptacyjne jest podstawą do docierania do użytkowników, gdziekolwiek się znajdują.

Jetpack Compose to standard tworzenia wszystkich interfejsów na Androidzie. Rezygnacja ze starszego systemu widoków zapewnia jeden, ujednolicony cel programistyczny, który eliminuje problemy związane z utrzymywaniem pofragmentowanych baz kodu na różnych formatach. Tworzenie układów adaptacyjnych to jednak tylko połowa sukcesu. Gdy ekrany się składają, okna zmieniają rozmiar, a aplikacje przechodzą między różnymi formatami, tradycyjne założenia dotyczące układu mogą się nie sprawdzać, a aplikacje mogą łatwo utracić stan lub sprawiać wrażenie niespójnych. 

Podczas Android Dev Summit opowiedzieliśmy o tym, jak rozwijamy podstawy aplikacji zarówno w zakresie interfejsu, jak i architektury. Robimy to, wprowadzając Compose głębiej do warstwy danych za pomocą Jetpack AppState, a jednocześnie udostępniając adaptacyjne elementy, takie jak FlexBox i Grid, oraz narzędzia gotowe do obsługi agentów, które umożliwiają skalowanie na każdym ekranie.

Poniżej znajdziesz najważniejsze informacje o naszych ostatnich ogłoszeniach. Możesz też odwiedzić witrynę dla deweloperów aplikacji na Androida, aby obejrzeć ponad 50 sesji na żądanie, w tym te dotyczące sprawdzonych metod tworzenia podstaw aplikacji. 

Advancing core foundations and bringing Compose beyond the UI

Nadchodząca stabilna wersja Compose 1.13 rozszerza zestaw narzędzi o wbudowaną obsługę układów adaptacyjnych za pomocą siatki i Flexboxa oraz nowe funkcje, takie jak progresywne rozmycie i sformatowany tekst. Aby dowiedzieć się, jak korzystać z najnowszych funkcji graficznych, takich jak gradienty siatki i progresywne rozmycia, bez skracania czasu pracy na baterii i zmniejszania liczby klatek, obejrzyj film Ulepszanie aplikacji dzięki najnowszym funkcjom graficznym w Jetpack Compose i na Androidzie.

Oprócz renderowania wizualnego edycja tekstu w Compose obejmuje teraz całkowicie przepisaną funkcję BasicTextField z architekturą opartą na buforze i TextFieldState, co eliminuje sytuacje wyścigu IME i obsługuje mechanizmy edycji tekstu sformatowanego. Aby dowiedzieć się więcej o tej zmianie, obejrzyj film  Tworzenie niezawodnych funkcji edytowania tekstu w Compose. 

Gdy wprowadzasz te bogate wizualnie i interaktywne funkcje, kluczowe jest utrzymanie płynnej liczby klatek i niskiego opóźnienia podczas uruchamiania. Obejrzyj film Outperform yourself in Compose, aby dowiedzieć się, jak profilować za pomocą Perfetto i śledzenia rekompozycji, identyfikować kosztowne antywzorce i zapewniać płynne działanie interfejsu.

Compose rozszerza się też na warstwę architektury dzięki Jetpack AppState, który jest obecnie w wersji alfa. AppState wprowadza system migawek Compose do architektury aplikacji: Transform umożliwia uzyskiwanie stanu reaktywnego z danych wejściowych State i Flow za pomocą automatycznego śledzenia odczytu i prostego przepływu sterowania Kotlin, a StateStore zapewnia kontener z kluczem do udostępniania obserwowalnego stanu między aktywnościami, usługami w tle, widżetami i funkcjami aplikacji – z opcjonalną trwałością DataStore. Obejrzyj film Taking Compose State Beyond the UI with Jetpack AppState (Przenoszenie stanu Compose poza interfejs za pomocą Jetpack AppState), aby dowiedzieć się, jak przeniesienie stanu Compose w górę stosu upraszcza złożone potoki stanu i zapewnia synchronizację wszystkich powierzchni aplikacji.

Projektowanie niezawodnych systemów nawigacji i wprowadzania danych na różnych formatach

W miarę jak aplikacje stają się coraz bardziej modułowe, nawigacja i wprowadzanie danych przez użytkownika muszą być przewidywalne na każdym punkcie wejścia i rozmiarze ekranu. W wersji 1.2 Jetpack Navigation 3 wprowadza wbudowane, bezpieczne pod względem typów precyzyjne linki do stosu wstecznego należącego do dewelopera. Dzięki serializacji w Kotlin możesz mapować przychodzące identyfikatory URI i intencje bezpośrednio na silnie typowane klucze nawigacji, dostosowywać sposób analizowania złożonych argumentów i leniwie tworzyć syntetyczne stosy wsteczne, aby przechodzenie wstecz zawsze wydawało się naturalne. Aby zobaczyć te interfejsy API w akcji, zapoznaj się z artykułem Tworzenie precyzyjnych linków z zabezpieczeniami wpisywania za pomocą Jetpack Navigation 3.

Obsługa danych wejściowych również ewoluowała, aby umożliwić interakcje multimodalne na różnych urządzeniach. Warstwowy system wprowadzania danych w Compose wykracza poza dotyk, obsługując trackpady, myszy i fizyczne elementy sterujące. Aby dowiedzieć się, jak zarządzać cyklami życia wskaźników, stanami najechania i zdarzeniami sprzętowymi na różnych formatach, obejrzyj film Skalowanie interakcji wejściowych poza ekran dotykowy za pomocą Jetpack Compose.

Skalowanie interfejsów na dużych ekranach, komputerach i innych urządzeniach

Podczas przechodzenia między urządzeniami składanymi, tabletami i laptopami interfejsy muszą dostosowywać się w naturalny sposób, a nie tylko rozciągać treści, aby wypełnić większe ekrany. Tworzenie adaptacyjne za pomocą Compose development łączy Navigation 3, WindowManager i przepływy pracy oparte na agentach, aby pomóc Ci refaktoryzować układy mobilne w responsywne środowiska z wieloma panelami przy minimalnym nakładzie pracy ręcznej. Deweloperzy, którzy chcą ulepszyć istniejące układy, mogą skorzystać z kursu  Skalowanie aplikacji na każdy ekran za pomocą Compose, który omawia te wzorce architektury wielopanelowej i pokazuje, jak optymalizować ścieżki nawigacji w miarę zmiany rozmiarów okien.

Wyjście poza formaty mobilne otwiera też nowe możliwości, np. w przypadku Googlebooka. Tworzenie środowisk klasy komputerowej wymaga obsługi fizycznych urządzeń peryferyjnych, środowisk okienkowych i innych funkcji. W artykule Inside the first wave on Googlebook with Notability and Logitech pierwsi partnerzy dzielą się praktycznymi strategiami inżynieryjnymi dotyczącymi optymalizacji pod kątem interakcji ze wskaźnikiem, sprzętu zewnętrznego i procesów roboczych na komputerach.

Pierwsze kroki z Androidem

Aby jeszcze szybciej wdrożyć te wzorce, możesz wykorzystać umiejętności Androida, które pomogą agentom kodowania. Niezależnie od tego, czy używasz Gemini w Android Studio, czy korzystasz z interfejsu wiersza poleceń Androida z innymi agentami, te umiejętności wykonają za Ciebie najtrudniejsze zadania i będą zgodne ze wskazówkami dotyczącymi jakości adaptacyjnej. W przypadku Compose mamy obecnie:

• Zaktualizowana umiejętność adaptacyjna pomaga agentom przekształcać kompaktowe ekrany w elastyczne układy wielopanelowe oraz obsługiwać zmiany stanu i konfiguracji. Teraz obsługuje urządzenia składane i komputery, automatycznie obsługując okna, skróty klawiszowe, etykietki i stany najechania kursorem na trackpad.
• Nowa umiejętność Wydajność Compose, która pomaga optymalizować bazę kodu.
• Migracja z XML do Compose
• Nowa umiejętność Atrament

Oprócz podstawowej architektury i układów adaptacyjnych możesz zapoznać się ze szczegółowymi omówieniami technicznymi dotyczącymi odtwarzania Media3, potoków CameraX, funkcji w samochodzie, rozbudowanej grafiki i lekcji z migracji Google Play do Compose na dużą skalę. Zapoznaj się z pełną kolekcją przewodników technicznych na playliście sesji Android Developer Summit poświęconych podstawom aplikacji, aby poznać architektury, przewodniki po kodzie i praktyczne wskazówki.