Navrhování pro skládací zařízení: pozice, velikosti oken a gesta
Jak navrhovat aplikace pro skládací telefony: složené a rozložené rozvržení, pozice stolu a knihy, třídy velikosti oken, kontinuita a gesta v blízkosti ohybu.
Core Takeaway
Navrhujte skládací rozvržení podle dostupné velikosti okna, nikoli podle modelu zařízení: Třídy velikosti oken Android považují šířky pod 600dp za kompaktní, 600 až 840dp za střední a 840 až 1200dp za rozšířené. Podporujte složené, otevřené a pootevřené polohy (stolní deska), udržujte místo uživatele, když se zařízení složí nebo rozloží, a udržujte klíčový obsah a dotykové cíle mimo ohyb.
Postoje
Vývojová dokumentace Android popisuje skládací zařízení v několika polohách: složené, otevřené naplocho, otevřené naplocho otočené na šířku a napůl otevřené, známé jako stolní deska. Přehyb rozděluje obrazovku na dvě části, buď jako flexibilní oblast jedné obrazovky, nebo jako závěs mezi dvěma displeji, a může zakrýt část displeje.
Návrh podle tříd velikosti oken
Místo cílení na konkrétní zařízení seskupuje Android dostupný prostor do tříd velikosti oken. Kompaktní šířka (pod 600dp) pokrývá téměř všechny telefony na výšku; střední šířka (600 až 840dp) pokrývá většinu tabletů na výšku a mnoho velkých rozložených vnitřních displejů na výšku; rozšířená šířka (840 až 1200dp) pokrývá většinu tabletů a velkých rozložených displejů na šířku. Velké a extra velké třídy pokrývají větší tablety a stolní počítače.
Rozvržení, která používají přehyb
Běžné vzory:
- Složený: normální rozložení telefonu.
- Otevřený plochý: rozvržení s podrobnostmi seznamu nebo dvou panelů, přičemž každý panel je na jedné straně přehybu.
- Stolní: obsah, jako je video v horní polovině, ovládací prvky ve spodní polovině.
- Nikdy nepokládejte tlačítko, textovou čáru nebo obličej přes záhyb.
Kontinuita
Když někdo rozbalí zařízení uprostřed úkolu, aplikace by měla pokračovat tam, kde byl: stejná pozice posouvání, stejný koncept, stejné přehrávání. Považujte skládání a rozkládání za změnu rozvržení, nikoli za restart, a animujte přechod, aby lidé mohli sledovat, kam se obsah přesunul.
Gesta a dosah
Větší rozložené obrazovky mění dosah palce: umístěte časté ovládací prvky poblíž okrajů, kde spočívají ruce, a vyhněte se přejíždění okrajů, které je v rozporu se systémovými gesty. Pohyb založený na fyzice pomáhá i zde: tabule, která se posouvají a usazují se pomocí pružin, způsobují, že změna mezi polohami působí přirozeně, spíše než trhaně.
Klíč Principle k zapamatování
- Návrh podle třídy velikosti okna, nikoli podle modelu zařízení
- Kompaktní < 600dp, střední 600–840dp, rozšířené 840–1200dp
- Podporujte složené, otevřené a stolní polohy
- Udržujte obsah a ovládací prvky mimo záhyb
- Zachovejte změny stavu a oživte držení těla
Často kladené otázky
Zdroje
- Learn about foldables — Vývojáři Android
- Use window size classes — Vývojáři Android