Релиз iPhone 13 кажется незначительным обновлением по сравнению с iPhone 12. Действительно, немногое изменилось, но в этой статье я представлю краткий обзор того, что вам нужно знать, чтобы обновить свои приложения для новых устройств.
В двух словах о новых моделях
Четыре новых модели iPhone 13 соответствуют размерам экранов их предшественников в модельном ряду iPhone 12:
iPhone 13
- Экран: 6.1" Super Retina XDR (OLED)
- Разрешение экрана (точек): 390 x 844
- Нативное разрешение (пикселей):1170 x 2532 (460 ppi)
- Нативный коэффициент масштабирования (Native Scale factor): 3x
- Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
- Альбомные классы размеров (Landscape size classes): w: Compact, h: Compact
Строка состояния имеет высоту 47 точек, что дает следующие вставки безопасных зон:
- Безопасные зоны (портретная ориентация): сверху: 47, снизу: 34, слева: 0, справа: 0
- Безопасные зоны (альбомная ориентация): сверху: 0, снизу: 21, слева: 47, справа: 47
iPhone 13 mini
- Экран: 5.4" Super Retina XDR (OLED)
- Разрешение экрана (точек): 375 x 812
- Нативное разрешение (пикселей):1 080 x 2340 (476 ppi)
- Нативный коэффициент масштабирования (Native Scale factor): 2.88x
- Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
- Альбомные классы размеров (Landscape size classes): w: Compact, h: Compact
Строка состояния имеет высоту 50 точек, что дает следующие вставки безопасных зон:
- Безопасные зоны (портретная ориентация): сверху: 50, слева: 0, снизу: 34, справа: 0
- Безопасные зоны (альбомная ориентация): сверху: 0, слева: 50, снизу: 21, справа: 50
iPhone 13 Pro
- Экран: 6.1" Super Retina XDR (OLED) с функцией ProMotion
- Разрешение экрана (точек): 390 x 844
- Нативное разрешение (пикселей):1170 x 2532 (460 ppi)
- Коэффициент масштабирования (Scale factor): 3x
- Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
- Альбомные классы размеров (Landscape size classes): w: Compact, h: Compact
Строка состояния имеет высоту 47 точек, что дает следующие вставки безопасных зон (как в iPhone 13):
- Безопасные зоны (портретная ориентация): сверху: 47, снизу: 34, слева: 0, справа: 0
- Безопасные зоны (альбомная ориентация): сверху: 0, снизу: 21, слева: 47, справа: 47
iPhone 13 Pro Max
- Экран: 6.7" Super Retina XDR (OLED) с функцией ProMotion
- Разрешение экрана (точек): 428 x 926
- Нативное разрешение (пикселей):1284 x 2778 (458 ppi)
- Коэффициент масштабирования (Scale factor): 3x
- Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
- Альбомные классы размеров (Landscape size classes): w: Regular, h: Compact
Строка состояния имеет высоту 47 точек, что дает следующие вставки безопасных областей (как в iPhone 13):
- Безопасные зоны (портретна ориентация): сверху: 47, снизу: 34, слева: 0, справа: 0
- Безопасные зоны (альбомная ориентация): сверху: 0, снизу: 21, слева: 47, справа: 47
Уменьшенный вырез
Из приведенных выше цифр не очевидно, но в этом году вырез под датчики Face ID, называемый в народе «челка», стал немного меньше (прим. – его размер уменьшили на 20%):
Это не влияет на безопасные зоны или высоту строки состояния, но, если вы помещаете в эту область какой-то элемент, вам нужно будет проверить, как он выглядит.
Полный список моделей iPhone (и iPod)
По моим подсчетам, существует 9 различных размеров экрана iPhone, которые вам необходимо поддерживать с минимальной целевой версией развертывания iOS 13:
- 6.7" (428 x 926 точек @3x) iPhone 13 Pro Max, iPhone 12 Pro Max
- 6.5" (414 x 896 точек @3x) iPhone 11 Pro Max, iPhone XS Max
- 6.1" (390 x 844 точек @3x) iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12
- 6.1" (414 x 896 точек @2x) iPhone 11, iPhone XR
- 5.8" (375 x 812 точек @3x) iPhone 11 Pro, iPhone XS, iPhone X
- 5.5" (414 x 736 точек @3x) iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus
- 5.4" (375 x 812 точек @3x) iPhone 13 mini, iPhone 12 mini
- 4.7" (375 x 667 точек @2x) iPhone SE (2-го поколения), iPhone 8, iPhone 7, iPhone 6S
- 4" (320 x 568 @2x) iPhone SE (1-го поколения), iPod Touch (7-го поколения)
Скриншоты App Store
Требования к скриншотам в App Store Connect не изменились для новых размеров устройств. Это означает, что вам понадобится скриншот размером не менее 6,5 дюймов (1242 x 2688 пикселей) и 5,5 дюйма (1242 x 2208 пикселей), которые затем масштабируются для остальных размеров.
Хотите узнать больше?
Если вы испытываете трудности в создании макетов, учитывающих постоянно растущий диапазон iOS-девайсов, вам может понравиться книга автора статьи – Modern Auto Layout.
Топ коментарі (0)