Проектиране за сгъваеми: пози, размери на прозорци и жестове
Как да проектираме приложения за сгъваеми телефони: оформления в сгънато и разгънато състояние, пози на маса и книга, класове по размер на прозореца, непрекъснатост и жестове близо до гънката.
Ядро за вкъщи
Проектирайте сгъваеми оформления според наличния размер на прозореца, а не според модела на устройството: Класовете за размер на прозореца на Android третират ширини под 600 dp като компактни, 600 до 840 dp като средни и 840 до 1200 dp като разширени. Поддържа сгънати, отворени и полуотворени (плот на маса) пози, запазва мястото на потребителя, когато устройството се сгъва или разгъва, и държи ключовото съдържание и целите за докосване далеч от гънката.
Пози
Документацията за разработчици на Android описва сгъваеми елементи в няколко положения: сгънати, отворени плоски, отворени плоски, завъртяни към пейзаж и полуотворени, известни като плот. Гънката разделя екрана на две части, или като гъвкава област на един екран, или като панта между два дисплея, и може да скрие част от дисплея.
Проектиране по класове размери на прозорци
Вместо да се насочва към определени устройства, Android групира наличното пространство в класове по размер на прозореца. Компактна ширина (под 600 dp) покрива почти всички телефони в портретна ориентация; средна ширина (600 до 840 dp) покрива повечето таблети в портретна ориентация и много големи разгънати вътрешни дисплеи в портретна ориентация; разширената ширина (840 до 1200 dp) покрива повечето таблети и големи разгънати дисплеи в пейзаж. Големите и изключително големите класове обхващат по-големи таблети и настолни компютри.
Оформления, които използват сгъване
Често срещани модели:
- Сгънат: нормалното оформление на телефона.
- Отворено плоско: оформления със списък с детайли или два панела, като всеки панел е от едната страна на сгъвката.
- Плот: съдържание като видео в горната половина, контроли в долната половина.
- Никога не поставяйте бутон, текстов ред или лице през гънката.
Приемственост
Когато някой разгъне устройство по време на задачата, приложението трябва да продължи там, където е било: същата позиция на превъртане, същата чернова, същото възпроизвеждане. Третирайте сгъването и разгъването като промяна на оформлението, а не рестартиране, и анимирайте прехода, така че хората да могат да следват къде се е преместило съдържанието.
Жестове и обхват
По-големите разгънати екрани променят обхвата на палеца: поставете чести контроли близо до краищата, където ръцете почиват, и избягвайте плъзгане по ръбовете, което противоречи на системните жестове. Движението, базирано на физика, помага и тук: стъклата, които се плъзгат и се установяват с пружини, карат промяната между позите да се чувства естествена, а не разтърсваща.
Ключове Principle, които трябва да запомните
- Дизайн според класа на размера на прозореца, а не модела на устройството
- Компактен < 600dp, среден 600–840dp, разширен 840–1200dp
- Поддържайте сгънати, отворени и настолни пози
- Съхранявайте съдържанието и контролите извън сгъвката
- Запазете състоянието и анимирайте промените в позата
Често задавани въпроси
Източници
- Learn about foldables — Android Разработчици
- Use window size classes — Android Разработчици