Immagini per display retina iphone 5

Question

iPhone 5 rilasciato, con nuove dimensioni e risoluzione dello schermo.

Quando abbiamo utilizzato le immagini per iPhone 4 (retina), abbiamo aggiunto "@ 2x" al nome dell'immagine. Qualcuno può dirmi, è possibile aggiungere diverse immagini (sfondi, pulsanti, ecc.) Per il nuovo schermo di iPhone?

E la seconda domanda: posso avere nella mia app file XIB separati: per iPhone vecchio, iPhone nuovo (come per iPhone e iPad)?

Grazie!

Answer 1

Ecco un eccezione dal mio blog su questo argomento

[UIImage imageNamed:] carica automaticamente @ versioni 2x delle immagini durante l'esecuzione su un dispositivo retina. Sfortunatamente, imageNamed: NON caricherà automaticamente -568h @ 2x versioni di immagini quando è in esecuzione su un iPhone 5.

A volte questo non importa, ad esempio le icone e la grafica non a schermo intero sono probabilmente le stesse su iPhone 4 & 5. Tuttavia, se si dispone di immagini di sfondo a schermo intero o di immagini di sfondo a larghezza intera/altezza per barre degli strumenti, ecc. Si avranno problemi. Molto probabilmente le tue immagini a 480 immagini si allungheranno (e probabilmente avranno un aspetto orribile come risultato).

È possibile controllare manualmente le dimensioni dello schermo e caricare l'immagine a destra in questo modo:

UIImage* myImage; 
CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height; 
if ([UIScreen mainScreen].scale == 2.f && screenHeight == 568.0f) { 
    myImage = [UIImage imageNamed:@"myImage-568h.png"]; 
} else { 
    myImage = [UIImage imageNamed:@"myImage.png"]; 
} 

C'è un modo di alterare UIImage imageNamed quindi non carica automaticamente l'immagine a destra. Vedi il collegamento sotto per i dettagli.

Altro: http://pervasivecode.blogspot.co.uk/2012/09/making-apps-work-on-iphone-5-screen-size.html

EDIT: @Sound Blaster & @GrizzlyNetch sono destra, nel codice è necessario utilizzare imageNamed: @ "myImage-568h.png"], ma il nome del file effettivo dovrebbe essere myImage-568h@2x.png. Se non lo fai, allora la scala non è corretta, proprio come hanno detto.

Answer 2

L'iPhone 5 non introduce una nuova densità di pixel in modo da poter utilizzare solo tutte le immagini retina utilizzate in precedenza.

Tutto ciò che serve per supportare la nuova risoluzione dell'iPhone 5 è quello di farvi vedere le viste sulla finestra. Per la maggior parte delle visualizzazioni, come tableview e scrollview, questo non presenterà alcun problema.

Inoltre non è necessario aggiungere altri file XIB per la nuova risoluzione, che non è supportata.

basta aggiungere il Default-568h@2x.png a voi app pacchetto per rendere iOS 6 si fanno app prende lo spazio supplementare disponibile in iPhone 5.

Tutti i controlli nativi, come la barra delle schede si comporterà come ci si aspetterebbe.

Se si desidera supportare iOS4.3 e 5. * nell'app, assicurarsi che l'impostazione Use Autolayout nell'impostazione del pennino (prima scheda nel generatore di interfacce) sia disattivata.

quindi assicuratevi di installare correttamente la vista autoresizingMask

Answer 3

if ([UIScreen mainScreen].scale == 2.f & & screenHeight == 568.0f) I confronti esatti di numeri in virgola mobile non sono una buona idea in nessuna lingua a causa di errori di arrotondamento nel modo in cui sono memorizzati in memoria. Ad esempio, non è possibile garantire che 568.0f non sia archiviato come 567.9999999 o 568.0000001. Molto più sicuro usare un intervallo, o in questo caso sarebbe sufficiente screenHeight> 567.1f. Sospetto che persino l'iPhone non supporti fisicamente le frazioni di pixel.

Answer 4

Sono attualmente rilevando se il dispositivo corrente è un 4" iPhone questo modo e funziona benissimo. hth

- (BOOL)isiPhone5{ 
    return ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone && [UIScreen mainScreen].bounds.size.height == 568.0); 
} 

Answer 5

EDIT

attenzione, come di iOS 8 UIScreen tener conto dell'orientamento (controllare l'altezza può restituire due valori, l'altezza verticale o l'altezza orizzontale, prima era solo l'altezza verticale), ma xcassets è meglio è possibile controllarlo qui: How to addapt iphone background?

END EDIT

In base alla risposta Ben Clayton ho creato una categoria utile per gestire l'immagine per iPhone 5. Grazie.

+ (UIImage *) imageForName:(NSString *)imageName 
{ 
    NSString *result = imageName; 

    CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height; 
    BOOL isIphoneFive = ([UIScreen mainScreen].scale == 2.f && screenHeight == 568.0f); 

    if (isIphoneFive) 
    { 
     NSString *imageNameWithoutExtension = [imageName stringByDeletingPathExtension]; 
     NSString *extension = [imageName pathExtension]; 

     result = [NSString stringWithFormat:@"%@-568h.%@",imageNameWithoutExtension, extension]; 
    } 

    return [UIImage imageNamed:result]; 
}