Anuncios Google

[ACTUALIZADO Y MEJORADO] Adapta tus apps para la pantalla del nuevo iPhone sin tener que reprogramar la app completa.

[ACTUALIZACIÓN]: He descubierto otro metodo mucho mejor que requiere de un solo Storyboard. Os dejo el videotutorial de como hacerlo. Enjoy!


En este tutorial vamos a aprender de forma sencilla como adaptar las apps para el tamaño de 4" del nuevo iPhone 5 mediante la última version del SDK de Apple, la version de Xcode 4.5 GM (Golden Master).

Lo primero que tenemos que hacer es crear dos Storyboards, uno con el tamaño del iPhone 5 y otro con los demás tamaños, y ponerle distintos nombres. Yo en los míos he puesto [email protected] (4 pulgadas) y MainStoryboard.storyboard (3,5 pulgadas).

Lo siguiente a hacer es irnos al AppDelegate.m de la aplicación y escribir lo siguiente en el método - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

if (_window.frame.size.height == 480) {
        UIStoryboard * storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard" bundle:[NSBundle mainBundle]];
        [_window setRootViewController:[storyboard instantiateInitialViewController]];
    } else if (_window.frame.size.height == 568) {
        UIStoryboard * storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard@4i" bundle:[NSBundle mainBundle]];
        [_window setRootViewController:[storyboard instantiateInitialViewController]];
    }

De esa forma el dispositivo sabrá a que Storyboard acceder dependiendo del dispositivo donde estemos lanzando la app.

Otro detalle importante para que la app pueda ser lanzada en esa resolucion es añadir una imagen de dimensiones 640x1136 llamada [email protected], que será el splash de lanzamiento de la app y permitirá identificar el tamaño mayor.

Este método de adaptación de la app lo acabo de averiguar por mi cuenta. Aun Apple no ha automatizado el proceso, pero ese es un método 100% válido para adaptar los distintos diseños de tu app dependiendo de la pantalla del dispositivo donde es lanzada.

Espero que os sea útil.

Un saludo.


 

 


Anuncios Google

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.
Imagen de Ayrton990

Hola

Dove, gracias por el tutorial, la verdad es que muy util, pues haber si algún editor lo pasa, es que lo malo es que soy Old One y no puedo, pero gustazo! verte por acá, que  bien developer, esperamos tus apps y tu banderín de coder, OFF TOPIC, y iTunder que ha pasado con él, lo seguirás o no, me quedé con la duda

Salu2


Administrador de www.SceneBeta.com y Android

¡Buenas!

Pasadlo a portada si queréis :)

iThunder lo dejé, sí :(

¡Un saludo!

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.