Saltar al contenido

Auto Layout iOS 7 (Video)

Videotutorial para adaptar la interfaz de tu app iOS a las distintas pantallas de iPhone tras el iPhone 5, ajustando los elementos con Auto Layout.

Con la aparición del iPhone 5, las dimensiones de los iPhone han variado y una de las grandes ventajas que teníamos los desarrolladores de iOS frente a los de Android es que las dimensiones de las pantallas de los dispositivos móviles eran fijas. Con este cambio de tamaños de las pantallas de los iPhones, el diseño de las vistas se complica un poco, pero en esta entrada y en este video-tutorial vamos a ver que es muy sencillo adaptar nuestra App para los iPhones.

El proyecto realizado en el tutorial lo podéis descargar pulsando AQUI.

A continuación mostramos el video-tutorial:

En la siguiente imagen mostramos una comparativa de las dimensiones de las pantallas de los iPhone:

En las siguientes imágenes, mostramos el detalle de los pasos a realizar para que los elementos se ajusten a todas las pantallas de los iPhone:

sizes_iPhone_jarroba

PASO 1 – Deseleccionar el "Use Autolayout":

autoLayout_1_iPhone_jarroba

PASO 2 – Ajustar el elemento a los bordes de la pantalla:

autoLayout_2_iPhone_jarroba

«Auto Layout iOS 7 (Video)», de Ricardo Moya en jarroba.com, con licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0. Obra registrada en Safe Creative.

Ricardo Moya

Me dedico profesionalmente al Machine Learning y al Big Data. Me gusta aprender tecnologías nuevas y explicarlas de la mejor manera posible en esta web.

Te puede interesar

UIWebView -iPhone- (Vídeo)

Videotutorial para iPhone: carga una página web en un UIWebView y muestra un indicador de actividad mientras carga, requisito para que Apple apruebe la app.

28 Ene 2013

Comentarios (2)

  1. oscar

    Disculpad hay un pequeño fallo en la descripción, estais usando en realidad el autosize y no autolayout de iOS, el autolayout se basa en constraints y en el sistema Casowary.

    1. Ricardo Moya Jarroba.com

      Hola Oscar. Gracias por la aclaración.
      La verdad que no se mucha teoría sobre este tema y la finalidad del video es ver como tratar este tema, pero agradezco mucho tu aclaración.

      Gracias
      SL2

Deja un comentario


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.