ios - plus - iphone xs

¿Cuál es la ''región segura'' para iPhone X(en píxeles) que factoriza la muesca superior y la barra inferior?

Question

He leído las Pautas de interfaz humana para iPhone X y no indica específicamente la "región segura" (área que satisface las necesidades de la barra superior e inferior del iPhone X). Me gustaría saber las dimensiones en píxeles de esta región, incluidas las dimensiones eliminadas de la parte superior e inferior.

Answer 1

Al imprimir las inserciones de área segura de la ventana actual con el siguiente código, puede obtener las dimensiones en puntos del área segura superior e inferior.

if #available(iOS 11.0, *) {
    UIApplication.shared.keyWindow?.safeAreaInsets
    // ...
}

En retrato, el área superior tiene una longitud de 44 puntos y el área inferior tiene una longitud de 34 puntos .

Dado que el iPhone X tiene una resolución de 3x , el área superior tiene 132 píxeles de largo y el área inferior tiene 102 píxeles de longitud.

Answer 2

Xcode 9 introdujo guías de diseño de área segura en el generador de interfaces. Puedes activarlos entrando en el inspector de archivos de tu guión gráfico y marcando la casilla "Usar las guías de diseño de área segura"

Desde allí, cada vez que agregue restricciones a su vista de raíz, tendrá la opción de restringirlo al área segura. En esta foto , la vista en naranja está restringida a los bordes del área segura, mientras que la vista en azul está restringida a los bordes de la vista de supervisión.

• Marco de la vista naranja: (0.0, 44.0, 375.0, 734.0)
• Marco de la vista azul: (0.0, 0.0, 375.0, 812.0)

A partir de ahí podemos calcular que se usaron 44 puntos para el área segura superior, mientras que se usaron 34 puntos para el área inferior.

Answer 3

tl; dr:

En retrato

• Top: 44pt
• Parte inferior: 34 puntos
• Izquierda / Derecha: 0pt

En el paisaje

• Top: 0pt
• Parte inferior: 24 puntos
• Izquierda / Derecha: 44pt

Fuente: profundizar en 20 recursos sobre estas dimensiones y ... practicar en el simulador de iOS :)