Projektowanie urządzeń składanych: postawy, rozmiary okien i gesty
Jak projektować aplikacje na telefony składane: układy złożone i rozłożone, pozycje blatu i książki, klasy wielkości okien, ciągłość i gesty w pobliżu zgięcia.
Rdzeń na wynos
Projektuj składane układy według dostępnego rozmiaru okna, a nie modelu urządzenia: klasy rozmiarów okien Android traktują szerokości poniżej 600 dp jako kompaktowe, 600 do 840 dp jako średnie i 840 do 1200 dp jako rozszerzone. Obsługuj pozycje złożone, otwarte i półotwarte (blat), zachowuj miejsce użytkownika, gdy urządzenie składa się lub rozkłada, a kluczowe treści i cele dotykowe trzymaj z dala od zgięcia.
Postawy
Dokumentacja programisty Android opisuje składane urządzenia w kilku pozycjach: złożone, otwarte na płasko, otwarte na płasko obrócone do pozycji poziomej i do połowy otwarte, zwane blatem. Zagięcie dzieli ekran na dwie części, tworząc elastyczny obszar jednego ekranu lub zawias pomiędzy dwoma wyświetlaczami i może zasłaniać część wyświetlacza.
Projektowanie według klas wielkości okien
Zamiast skupiać się na konkretnych urządzeniach, Android grupuje dostępną przestrzeń w klasy wielkości okien. Kompaktowa szerokość (poniżej 600 dp) obejmuje prawie wszystkie telefony w orientacji pionowej; średnia szerokość (600 do 840 dp) obejmuje większość tabletów w orientacji pionowej i wiele dużych, rozłożonych wyświetlaczy wewnętrznych w pozycji pionowej; rozszerzona szerokość (840 do 1200 dp) obejmuje większość tabletów i dużych, rozłożonych wyświetlaczy w orientacji poziomej. Klasy duże i bardzo duże obejmują większe tablety i komputery stacjonarne.
Układy korzystające z zagięcia
Typowe wzory:
- Złożony: normalny układ telefonu.
- Otwarte na płasko: układy ze szczegółami listy lub układy z dwoma panelami, z każdym panelem po jednej stronie zagięcia.
- Blat: treści takie jak wideo w górnej połowie, elementy sterujące w dolnej połowie.
- Nigdy nie umieszczaj przycisku, linii tekstu ani twarzy w poprzek zagięcia.
Ciągłość
Gdy ktoś rozłoży urządzenie w trakcie zadania, aplikacja powinna kontynuować pracę w tym samym miejscu, w którym się znajdowała: w tej samej pozycji przewijania, w tej samej wersji roboczej, w tym samym trybie odtwarzania. Traktuj składanie i rozkładanie jako zmianę układu, a nie ponowne uruchomienie, i animuj przejście, aby ludzie mogli śledzić miejsca, w których została przeniesiona treść.
Gesty i zasięg
Większe, rozłożone ekrany zmieniają zasięg kciuka: często umieszczaj elementy sterujące w pobliżu krawędzi, gdzie spoczywają dłonie, i unikaj przesuwania krawędzi, które koliduje z gestami systemowymi. Tu także pomaga ruch oparty na fizyce: szyby, które przesuwają się i osadzają na sprężynach, sprawiają, że zmiana pozycji ciała wydaje się naturalna, a nie drażniąca.
Klucz Principles do zapamiętania
- Projektuj według klasy wielkości okna, a nie modelu urządzenia
- Kompaktowy < 600 dp, średni 600–840 dp, rozszerzony 840–1200 dp
- Wspieraj pozycje złożone, otwarte i na stole
- Trzymaj treść i elementy sterujące poza zakładką
- Zachowaj stan i animuj zmiany postawy
Często zadawane pytania
Źródła
- Learn about foldables — Programiści Android
- Use window size classes — Programiści Android