Odkryj nowe możliwości dzięki Compose Adaptive Layouts 1.2 w wersji beta

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 układów adaptacyjnych Compose 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 nowości:

• 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 czy 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. Te nowe punkty przerwania są niezbędne do projektowania i wywoływania zmian w interfejsie z wieloma panelami na dużych ekranach, takich jak tablety i duże urządzenia składane.

Dwie 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.

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

Przyjęcie adaptacyjnego sposobu myślenia to nie tylko sprawdzona metoda, ale też strategia rozwoju. Celem nie jest tylko sprawienie, aby aplikacja działała na większym ekranie, ale także sprawienie, aby była bardziej intuicyjna dla użytkowników. Zamiast po prostu rozciągać układ jednokolumnowy, zastanów się, jak możesz wykorzystać dodatkową przestrzeń, aby tworzyć bardziej efektywne i wciągające treści.

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 zastosowanie 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 adaptacyjnych interfejsów 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 urządzenia 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 nadal inwestujemy w przyszłościowe funkcje, 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 można uruchamiać aplikacje, co umożliwia 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 dla programistów interfejsu Connected Displays i przekonać się, jak kształtuje on przyszłość obsługi na wielu urządzeniach.

Stosowanie zasad adaptacyjnych w praktyce

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

• Sprawdź zasoby: pierwszym krokiem jest sprawdzenie, na jakim etapie jesteś obecnie. 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, 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. Obejmuje to nie tylko podstawowe funkcje, ale też przemyślane szczegóły, których oczekują użytkownicy, takie jak stany po najechaniu kursorem myszy, menu kontekstowe po kliknięciu prawym przyciskiem myszy i obsługa skrótów klawiszowych.

Potencjał aplikacji nie jest już ograniczony 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 ekran – wszystko to znajdziesz na stronie developer.android.com/adaptive-apps.