Red de conocimiento informático - Problemas con los teléfonos móviles - [Desarrollo de iOS]Dimensiones de la parte superior e inferior de la serie iPhoneX

[Desarrollo de iOS]Dimensiones de la parte superior e inferior de la serie iPhoneX

La siguiente es una comparación con el iPhone 6, 7 y 8 (375×667pt).

La altura de la barra de estado se ha incrementado de 20 puntos a 44 puntos.

Debe reservar 34 puntos en la parte inferior para el área del indicador de la página de inicio (consulte los detalles a continuación).

El ancho sigue siendo el mismo y el alto es 145 puntos más. Pero debido a la barra de estado y al indicador de inicio, la altura que realmente se puede usar de manera efectiva es 145–24 (barra de estado) – 34 (indicador de inicio) = 87 puntos. La altura del teclado aumentó de 216 puntos a 291 puntos, así que tenga cuidado al hacerlo. Diseñar el área de texto.

Incluyendo el indicador de la página de inicio, la altura de la barra de pestañas se ha incrementado de 49 puntos a 83 puntos. (Esto se explicará en detalle a continuación)

Tenga en cuenta que la altura del indicador de Inicio cuando la pantalla está horizontal es de 21 puntos, lo que requiere atención especial.

Para obtener más información, consulte la pantalla de inicio del diseño visual en el documento oficial "Guía de interfaz humana-computadora".

El documento oficial recomienda usar el guión gráfico (es decir, LaunchScreen.storyboard en el nuevo proyecto) como solución de adaptación para la imagen de inicio. Ya no se recomienda usar el modo LaunchImage, como se muestra en la siguiente figura:

Relacionado Para obtener más información, consulte el documento oficial Directrices de interfaz humana para iconos e imágenes: iconos de aplicaciones.

Las capturas de pantalla en tamaño oficial son las siguientes: