Cambios y adaptaciones de resolución de pantalla para iPhone6 y iPhone6p
El tamaño físico del iPhone 6 es un 17,5% mayor que el del 5s, y la resolución física también ha aumentado un 17,5%, de 1136*640 a 1334*750. El crecimiento interanual es que la densidad de píxeles en ppi sigue siendo la misma que la del 5. Sin cambios, sigue siendo 326 ppi (el mismo valor es válido para el 4), lo que significa que, en comparación con el 6 y el 5, la claridad de la pantalla. Sigue siendo el mismo, pero el tamaño se ha vuelto más grande. Si la interfaz de la aplicación está hecha con un diseño de posicionamiento de píxeles para 5, especialmente la interfaz que se basa en los dos números 568 y 320, es probable que haya espacios en blanco a la derecha y en la parte inferior porque la resolución lógica se ha convertido en 667*375.
Si la aplicación anterior no está adaptada, la solución compatible es el modo de amplificación proporcional, es decir, la interfaz original con 568* 320 como sistema de referencia, todas las posiciones de puntos lógicos * 1.175 se asignan a 667 * Por debajo de 375. Si desea utilizar el modo no compatible, debe configurar la imagen de la pantalla de inicio correspondiente a 667*375 o launch.storyboard para indicarle al sistema operativo que utilice el modo de ampliación no proporcional.
Cuando se trata del iPhone 6p, es un poco diferente, porque la resolución del 6p es 1920*1080. En comparación con el 5s y el 6, la tasa de crecimiento de su resolución excede la tasa de crecimiento del tamaño físico. de la pantalla, lo que resulta en que la densidad de píxeles ppi ha aumentado significativamente, de 326 a 401, lo que significa que no solo el tamaño de la pantalla se ha hecho más grande, sino que también ha mejorado la claridad, y el aumento de la claridad es mayor que el aumento de la pantalla. tamaño.
Desde la perspectiva del desarrollo del programa, si 6 y 6p no se adaptan, el programa definitivamente no se adaptará. De hecho, cada generación de innovación de iPhone requiere una adaptación de la aplicación. Pero esta generación tiene la mayor carga de trabajo. Porque la adaptación suele implicar dos aspectos del trabajo: uno es el ajuste del diseño de la página y el otro es el ajuste del tamaño del icono.
El tamaño de la pantalla no ha cambiado en 3->4, solo ha cambiado la resolución, por lo que no es necesario ajustar el diseño de la página (el diseño se basa en puntos: resolución lógica, no en píxeles). - resolución física), solo necesita cambiar el píxel *2 del ícono del material a @2x, para que todo el diseño de la página se vea igual que antes, pero las imágenes y los íconos se vuelvan más claros.
El tamaño de la pantalla cambió en 4->5 (el ancho no cambió, solo aumentó la altura), lo que aumentó el espacio vertical, pero la claridad no cambió, por lo que es necesario ajustar el diseño de la página. (Si no se ajusta, la aplicación anterior se muestra en el centro y la parte superior e inferior de la pantalla permanecerán en negro. Este es el modo de compatibilidad de 5 a 4), pero debería ser fácil de ajustar. Solo necesita mostrar más contenido. verticalmente o arrastre el contenido original verticalmente. Simplemente abra el espaciado. El icono del material sigue siendo @2x sin ajuste. El mismo icono se muestra en el teléfono móvil y sigue teniendo el mismo tamaño que en 3 y 4.
El tamaño de la pantalla ha cambiado en 5->6 (tanto la orientación horizontal como la vertical han aumentado), pero la resolución no ha cambiado, por lo que solo necesitas ajustar el diseño como el anterior, la única diferencia es 4-> 5 solo necesita ajustar el diseño vertical, y 5-> 6 necesita ajustarse para aumentar el espacio horizontal y vertical. Por lo tanto, el modo de compatibilidad esta vez también es diferente de 4->5, porque el principio del modo de compatibilidad es mantener proporciones iguales. Cuando 4->5, solo se aumenta una dimensión, por lo que el centrado vertical es suficiente, pero 5-Cuando. >6, ambas direcciones aumentan y el aumento es proporcional, por lo que el modo de compatibilidad no deja bordes negros durante 4 semanas, sino que utiliza un método de ampliación, y debido a que la resolución de pantalla de 5->6 es proporcional Ampliación, por lo que después de la compatibilidad El modo amplía la interfaz proporcionalmente, todavía llena la pantalla, pero el área física del icono ha aumentado y la definición se ha vuelto un poco menor.
El tamaño y la resolución de la pantalla cambiaron entre 5->6p. No solo necesitamos ajustar el diseño, sino que también debemos rehacer la claridad de los íconos de materiales a una resolución @3x. Si no lo ajusta, no sólo los lados derecho e inferior quedarán en blanco o negros, sino que el tamaño físico de los íconos en el diseño original también será más pequeño que antes (el tamaño de resolución de los íconos no ha cambiado, pero la 6p ppi ha aumentado, lo que hace que el tamaño físico se vuelva más pequeño).
El 6 y el 6p se lanzaron juntos y los tamaños de pantalla son diferentes, por lo que el desarrollo debe tener en cuenta ambos ajustes al mismo tiempo y la carga de trabajo es mayor que antes.
Entonces, la buena noticia es que Xcode ha lanzado Autolayout para consideraciones futuras. Simplifica la implementación al establecer relaciones de restricción entre diferentes espacios de página. No es necesario adaptar ni codificar todas las páginas. Pantallas futuras Cambiar el tamaño requiere mucho menos o ningún trabajo. (De hecho, no importa si continúa codificando cada tamaño de pantalla. Después de todo, los modelos de iPhone aún son limitados. No funcionará si cambia a Android sin diseño automático).
En Además, sin adaptación, las aplicaciones antiguas se mostrarán ampliadas como un teléfono antiguo. Esta es la estrategia de compatibilidad de diseño de hardware de Apple para aplicaciones antiguas, y no es la primera vez que 6 y 6p adoptan la estrategia de ampliación. de 163ppi del iPhone4 a 326ppi del iPhone4S, su estrategia de aumento aumenta directamente 2 veces, pero debido a que el tamaño de la pantalla no ha cambiado, la comparación del antes y el después no ha cambiado. Además, ya sea 1334* 750 de 6 o 1920* 1080 de 6p, la relación de aspecto es 1,78, que es consistente con la relación de aspecto de 1136* 640 del iPhone 5s. En otras palabras, el diseño del programa anterior. no cambia En el caso de la adaptación, siempre que la pantalla se estire proporcionalmente, puede llenar la pantalla completa de 6 y 6p, pero el resultado es que cada unidad de visualización no solo se vuelve más grande, sino que también se vuelve borrosa, especialmente en 6p. porque es más obvio. El tramo es mucho mayor.
Dicho todo, los conceptos básicos siguen siendo teóricos. En cuanto a cómo hacer el programa, una imagen vale más que mil palabras. Si entiendes la imagen a continuación, básicamente podrás adaptar el iPhone. diseño con facilidad. La guía definitiva para las resoluciones de iPhone
----------------------------Actualizado-------- ------------------
El iPhone X está a punto de ser lanzado y hay otro proyecto de adaptación. Según la guía de adaptación oficial, los píxeles lógicos del iPhone son 375*812, utilizando una relación de conversión de 3x. Entonces, los píxeles físicos deben ser 1125*2436. Según los píxeles físicos de largo y ancho, los píxeles físicos diagonales se calculan en 2683. Y el iPhone afirma que el tamaño físico de su pantalla es de 5,8 pulgadas, por lo que su densidad de píxeles es. 2683/5.8=462, que es más alto que antes. El 401 de 6p ha aumentado mucho. No es de extrañar que esta pantalla se llame pantalla súper retina.
Pero según la explicación de Convenience Joe sobre la retina del iPhone 4s, si el ppi supera los 326, la retina ya no puede distinguirlo. Entonces, ¿cuál es el punto de aumentar aún más el ppi? En otras palabras, los ppi no se han mejorado, pero se han reducido antes de mostrar la imagen de tamaño 1126*2436 como 6p. Después de verificar la información, el ppi publicado del iPhone X es 458, por lo que el cálculo es 2683/458 = 5,85, lo que significa el tamaño real de la pantalla del iPhone.
En cuanto a la conclusión de que la retina y los ppi superan los 300 y no se pueden distinguir a simple vista, básicamente se puede concluir que Qiao Gangzhu los creó deliberadamente para generar impulso para la promoción del iPhone4S y el iPad3. Según otros expertos autorizados, el límite de ppi que el ojo humano puede distinguir debería ser de alrededor de 500, lo que significa que los teléfonos móviles actuales básicamente se están acercando al límite.
Por último, los flequillos de la parte superior de la pantalla no son aleatorios. Los tres círculos tangentes entre sí también son muy bonitos. . .