W ekosystemie Androida pojawiają się nowe formaty, takie jak Pixel 10 Pro Fold, dlatego adaptacyjne tworzenie aplikacji 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 orientacji.

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

Nowe, zaawansowane narzędzia do większych obszarów roboczych

Biblioteka Compose Adaptive Layouts to nasz podstawowy zestaw narzędzi do tworzenia interfejsów, 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. Najważniejsze zmiany:

• Nowe, zaawansowane strategie układu: w wersji beta wprowadzamy 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 wyświetlaczu urządzenia, np. Pixela 10 Pro Fold, Galaxy Z Fold7 i Z Flip7.
• Nowe klasy rozmiarów okien: ta wersja wprowadza wbudowaną obsługę nowych klas rozmiarów okien – dużych i bardzo dużych. Więcej informacji Te nowe punkty przerwania są niezbędne do projektowania i wywoływania złożonych zmian interfejsu z wieloma panelami na dużych ekranach, takich jak tablety i duże urządzenia składane.

2 nowe strategie dostosowywania paneli: zmiana układu (po lewej) i unoszenie (po prawej)

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

Angażowanie większej liczby użytkowników na każdym ekranie

Przyjęcie nastawienia adaptacyjnego to nie tylko sprawdzona metoda, ale też strategia rozwoju. Celem nie jest tylko dostosowanie aplikacji do większego ekranu, ale także zwiększenie jej atrakcyjności poprzez poprawę intuicyjności. Zamiast po prostu rozciągać układ jednokolumnowy, zastanów się, jak wykorzystać dodatkową przestrzeń, aby zapewnić użytkownikom większą efektywność i lepsze wrażenia.

To podstawowa zasada dynamicznych strategii układu, takich jak reflow, czyli nowej, zaawansowanej funkcji w wersji beta biblioteki Compose Adaptive Layouts 1.2, która pomaga tworzyć takie interfejsy. Dobrym punktem wyjścia jest na przykład przyjęcie układu wielopanelowego. Wyświetlając listę i odpowiedni widok szczegółów obok siebie, zmniejszasz liczbę kliknięć i umożliwiasz użytkownikom szybsze wykonywanie zadań.

Tego rodzaju przemyślane, adaptacyjne zmiany naprawdę zwiększają zaangażowanie. Jak podkreśliliśmy w najnowszym odcinku #TheAndroidShow, dlatego 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 adaptacyjne nie tylko zwiększa zadowolenie obecnych użytkowników, ale też zapewnia bardziej wartościowe i atrakcyjne wrażenia, 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 adaptacyjny design obejmuje cały ekosystem Androida. Od nowego Pixela 10 Pro Fold po najnowsze składane telefony Samsung Galaxy – deweloperzy mają możliwość docierania do dużej i stale rosnącej bazy użytkowników na ponad 500 milionach urządzeń z dużym ekranem.

Dlatego też nadal inwestujemy w przyszłościowe rozwiązania, takie jak połączone wyświetlacze, które są obecnie dostępne w wersji przedpremierowej dla programistów. Ta funkcja otwiera nowe platformy i modele interakcji, na których mogą działać aplikacje, 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 funkcji Connected Displays i przekonać się, jak kształtuje ona przyszłość rozwiązań na wiele urządzeń.

Wdrażanie zasad adaptacyjnych w praktyce

Jeśli jesteś programistą i chcesz przygotować swoje aplikacje na przyszłość, w której będą one dostosowywać się do różnych urządzeń, pamiętaj o tych sprawdzonych metodach:

• Zrób inwentaryzację: 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 ulepszeń, takie jak rozciągnięte interfejsy czy problemy z użytecznością.
• Obsługa zoptymalizowanych układów: używaj bibliotek takich jak Compose Adaptive Layouts, aby tworzyć interfejsy użytkownika, które dostosowują się do różnych rozmiarów okien i orientacji urządzenia. Aplikacja powinna działać prawidłowo zarówno w orientacji pionowej, jak i poziomej, bez ograniczania orientacji.
• Wyjdź poza dotyk: świetne dopasowanie do potrzeb użytkowników oznacza obsługę wszystkich metod wprowadzania danych. Oprócz podstawowych funkcji obejmuje 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 klawiszowych.

Potencjał aplikacji nie ogranicza się już do jednego ekranu. Już dziś zapoznaj się z galerią projektów na duże ekrany i wytycznymi dotyczącymi jakości aplikacji, aby dowiedzieć się, jak możesz rozwinąć swoją aplikację. Zainspiruj się i znajdź wzorce projektowe, oficjalne wskazówki i przykładowe aplikacje, których potrzebujesz, aby tworzyć aplikacje na każde urządzenie składane, z klapką i ekranem. Znajdziesz je na stronie developer.android.com/adaptive-apps.