Как должна вращаться сетка приложения при повороте устройства пользователя?

enter image description here

Должно ли каждое приложение вращаться отдельно и оставаться на одном месте, или должен вращаться весь экран?

4
clickbait 8 Окт 2017 в 03:33

2 ответа

Лучший ответ

Если у вас квадратная сетка, как в вашем примере, оставьте красный цвет в левом нижнем углу.

Когда вы поворачиваете телефон, вы не хотите менять ориентацию содержимого, вы просто хотите получить больше высоты/ширины. Рассматривайте это как изменение размера окна браузера. Как правило, вы хотите, чтобы макет был как можно более похожим на разной высоте/ширине. Если не для изменения размера в реальном времени, то, по крайней мере, для кроссплатформенного распознавания и удобства использования.

Так что для вашего примера оставьте как есть. Но реальность, как правило, не так проста.

Потому что экраны телефонов, как правило, имеют соотношение сторон 16:9. Потому что вы вращаетесь, чтобы получить больше полезного экранного пространства, а использование квадрата полностью сводит на нет это. Так что вам придется принять несколько сложных решений. Если вы переходите от сетки 3x5 в портретной ориентации, не так ли;

  • показать сетку 3x5 с прямоугольниками, ширина которых в три раза превышает высоту?
  • показать сетку 3x5 с большим количеством пробелов?
  • показать сетку 3x2 и позволить людям прокручивать?
  • показать сетку 5x3, нарушив порядок?

И ответ на это "это зависит".

4
PixelSnader 8 Окт 2017 в 21:07

Это больше похоже на зависимость типа ситуации.

Сценариев может быть много и начнем с iphone 4-4s. Технически его разрешение составляет 320 x 480 (шхх), а сетка начальной загрузки обрабатывает мобильное разрешение при < = 768 пикселей (сетка из 12 столбцов xs)

Короче говоря, когда вы меняете портретный режим на ландшафтный, он меняет само разрешение из-за отзывчивого характера.

enter image description here

Но когда вы меняете режим других телефонов с более высоким разрешением, их ширину контейнера, ширину желоба, ширину столбца и в целом, медиа-запросы меняются, как и в ландшафтном режиме, вместо того, чтобы лежать в очень маленьких устройствах, лежащих под планшеты для небольших устройств.

1
Sanshizm 8 Окт 2017 в 11:29