Odkryj nowe możliwości dzięki układowi adaptacyjnemu Compose 1.2 w wersji beta

Wraz z pojawieniem się w ekosystemie Androida nowych formatów, takich jak Pixel 10 Pro Fold, tworzenie aplikacji adaptacyjnych jest niezbędne do zapewnienia wysokiej jakości obsługi na telefonach, tabletach i urządzeniach składanych. Użytkownicy oczekują, że interfejs aplikacji będzie płynnie dostosowywać się do różnych rozmiarów i pozycji.

Aby ułatwić Ci tworzenie tych dynamicznych funkcji, ogłaszamy, że biblioteka układów adaptacyjnych Compose 1.2 oficjalnie wchodzi w fazę beta. Ta wersja zawiera nowe, zaawansowane narzędzia do tworzenia dopracowanych, elastycznych interfejsów użytkownika dla tego rozwijającego się ekosystemu urządzeń.

Nowe, zaawansowane narzędzia do większego obszaru roboczego

Biblioteka układów adaptacyjnych Compose to nasz podstawowy zestaw narzędzi do tworzenia interfejsów użytkownika, które dostosowują się do różnych rozmiarów okien. Ta nowa wersja beta zawiera zaawansowane funkcje, które pomogą Ci tworzyć złożone układy przy użyciu mniejszej ilości kodu. Kluczowe dodatki:

• Nowe, zaawansowane strategie układu: wersja beta wprowadza nowe strategie układu, takie jak reflow i levitate, które pomogą Ci tworzyć dynamiczne układy świetnie wyglądające zarówno na zewnętrznym, jak i wewnętrznym ekranie urządzenia, takiego jak Pixel 10 Pro Fold, Galaxy Z Fold7 i Z Flip7.
• Nowe klasy rozmiarów okien: Ta wersja dodaje wbudowaną obsługę nowych klas rozmiarów okien – dużych i bardzo dużych. Te nowe punkty przerwania są niezbędne do projektowania i wywoływania bogatych zmian interfejsu użytkownika z wieloma panelami na dużych ekranach, takich jak tablety i duże urządzenia składane.

2 nowe strategie dostosowywania paneli: reflow (po lewej) i levitate (po prawej)

Pełną listę zmian znajdziesz w oficjalnej dokumentacji wersji. Zapoznaj się z naszymi przewodnikami dotyczącymi układów kanonicznych i tworzenia układu panelu pomocniczego.

Angażuj więcej użytkowników na każdym ekranie

Podejście adaptacyjne to nie tylko sprawdzona metoda, ale też strategia rozwoju. Celem nie jest tylko sprawienie, aby aplikacja działała na większym ekranie, ale też aby była bardziej intuicyjna dla użytkowników. Zamiast po prostu rozciągać układ jednokolumnowy, zastanów się, jak możesz wykorzystać dodatkowe miejsce, aby tworzyć bardziej wydajne i wciągające funkcje.

To podstawowa zasada dynamicznych strategii układu, takich jak reflow, czyli nowa, zaawansowana funkcja w wersji beta układów adaptacyjnych Compose 1.2, która pomoże Ci tworzyć takie interfejsy użytkownika. Dobrym punktem wyjścia jest na przykład zastosowanie układu z wieloma panelami. Wyświetlając listę i odpowiadający jej widok szczegółów obok siebie, zmniejszasz liczbę kliknięć i umożliwiasz użytkownikom szybsze wykonywanie zadań.

Tego rodzaju przemyślane tworzenie aplikacji adaptacyjnych naprawdę zwiększa zaangażowanie. Jak podkreśliliśmy w najnowszym odcinku #TheAndroidShow, użytkownicy, którzy korzystają z aplikacji zarówno na telefonie, jak i na większym ekranie, są prawie 3 razy bardziej zaangażowani. Tworzenie aplikacji adaptacyjnych nie tylko zwiększa zadowolenie obecnych użytkowników, ale też zapewnia bardziej wartościowe i atrakcyjne funkcje, które budują trwałą lojalność i pomagają docierać do nowych użytkowników.

Rozwijający się ekosystem Androida – od urządzeń składanych po komputery

To przejście na projektowanie adaptacyjne obejmuje cały ekosystem Androida. Od nowego Pixela 10 Pro Fold po najnowsze urządzenia składane Samsung Galaxy – deweloperzy mają możliwość angażowania dużej i rosnącej bazy użytkowników na ponad 500 milionach urządzeń z dużym ekranem.

Dlatego też nadal inwestujemy w przyszłościowe funkcje, takie jak połączone wyświetlacze, które są obecnie dostępne w wersji przedpremierowej dla deweloperów. Ta funkcja otwiera nowe platformy i modele interakcji dla aplikacji, umożliwiając korzystanie z funkcji klasy desktopowej i przepływów pracy w trybie podzielonym. Wcześniej udostępniliśmy szczegółowe informacje o tym, jak rozpocząć korzystanie z wersji przedpremierowej połączonych wyświetlaczy dla deweloperów i jak kształtuje ona przyszłość funkcji na wielu urządzeniach.

Wdrażanie zasad adaptacyjnych w praktyce

Deweloperzy, którzy chcą przygotować swoje aplikacje na przyszłość adaptacyjną, powinni pamiętać o tych kilku kluczowych sprawdzonych metodach:

• Sprawdź stan obecny: pierwszym krokiem jest sprawdzenie, gdzie jesteś dzisiaj. Przetestuj aplikację na urządzeniu z dużym ekranem lub w emulatorze z możliwością zmiany rozmiaru w Android Studio, aby zidentyfikować obszary wymagające ulepszenia, takie jak rozciągnięte interfejsy użytkownika lub problemy z użytecznością.
• Obsługuj zoptymalizowane układy: używaj bibliotek takich jak układy adaptacyjne Compose, aby tworzyć interfejsy użytkownika, które dostosowują się do różnych rozmiarów okien i pozycji urządzenia. Aplikacja powinna działać prawidłowo zarówno w orientacji pionowej, jak i poziomej, bez ograniczania orientacji.
• Nie ograniczaj się do dotyku: doskonałe funkcje adaptacyjne oznaczają obsługę wszystkich metod wprowadzania danych. Obejmuje to nie tylko podstawowe funkcje, ale też przemyślane szczegóły, których oczekują użytkownicy, takie jak stany najechania kursorem myszy, menu kontekstowe po kliknięciu prawym przyciskiem myszy i obsługa skrótów klawiaturowych.

Potencjał Twojej aplikacji nie jest już ograniczony do jednego ekranu. Zapoznaj się z galerią projektów na duże ekrany i wytycznymi dotyczącymi jakości aplikacji, aby dowiedzieć się, dokąd może dotrzeć Twoja aplikacja. Zainspiruj się i znajdź wzorce projektowe, oficjalne wskazówki i przykładowe aplikacje, których potrzebujesz do tworzenia aplikacji na każdy ekran i urządzenie składane na stronie developer.android.com/adaptive-apps.