Cómo usar la class de tamaño para hacer que la aplicación sea compatible con iPhone 5, iPhone 6, iPhone 6 plus

Estoy usando la class de tamaño para hacer que mi aplicación sea compatible con iPhone 5, iPhone 6 y iPhone 6 plus. Estoy usando altura compacta de altura regular para esto:

Modo retrato

¿Es esta la manera correcta de usar el xib o storyboard y hacer que las demás cosas salgan en iOS? O, ¿necesito agregar otras cosas?

Se muestra perfectamente en todos los dispositivos sin utilizar el layout automático.

¿Debo hacer algunos cambios más? ¿Debo agregar imágenes 3X en mi carpeta de resources?

¿Cuál es la mejor manera de hacer lo mismo?

Clases de tamaño

Buscando las Pautas de interfaz humana de iOS , podemos resumir

  • Retrato : iPhone4s, iPhone5, iPhone6, iPhone6 ​​Plus todo uso Horizontal Compacto , Vertical Regular .

  • Paisaje : iPhone4s, iPhone5, iPhone6, todo uso Horizontal Compact , Vertical Compact .

    Pero iPhone6 ​​Plus usa Horizontal Regular , Vertical Compact

  • El iPad usa Horizontal Regular , Vertical Regular para Landscape y Portrait


Resoluciones de la image

De acuerdo con este enlace oficial , se necesita una image de 3x para iPhone6 ​​Plus. Puedes ver las especificaciones completas:

Las especificaciones completas


Mejores prácticas

Parece que su aplicación solo es compatible con el modo Retrato de iPhone, en este caso, su empleo de Horizontal Compact , Vertical Regular está bien.

Sin embargo, la mejor manera de hacerlo es diseñar tu aplicación con Horizontal Any , Vertical Any . Si tiene un caso especial para algunos dispositivos, por ejemplo, iPad, que usa Regular para Portrait y Landscape, puede ajustar las vistas y las restricciones de layout para ello. Las dos imágenes siguientes muestran cómo la misma vista puede tener diferentes layouts para diferentes classs de tamaño.

  • Ver con cualquier class de cualquier tamaño

La misma vista con cualquier clase de cualquier tamaño

  • La misma vista con classs regulares de tamaño normal

La misma vista con clases regulares de tamaño normal


Trucos

Puede get una vista previa de lo que ha hecho en el guión gráfico utilizando la function de vista previa en xcode, los siguientes pasos le muestran cómo hacerlo:

  1. Diseña todas tus vistas en el guión gráfico con diferentes classs de tamaño

  2. Hacer clic Botón de asistencia en la esquina superior derecha

  3. En la window recién abierta, click Vista previa aquí.

Vista previa de clic

  1. Haga clic en el button + y select diferentes dispositivos para vistas previas.

Ejemplo en vista previa


Practique usted mismo

Puede download un proyecto de muestra aquí . El crédito va al curso de Stanford CS193. El video que explica el layout automático es Ver ciclo de vida del controller, Autolayout y puede comenzar de 31:30 a 36:30 . Pero te recomiendo que revises el video completo para get la image general.