Creazione di iOS Universal App, Come rilevare tutte e 5 le risoluzioni?

Question

Il titolo lo dice molto bene. Sto creando un'app per iOS e sono al punto di aggiungere risorse artistiche. Ho 5 sfondi per iPhone a bassa risoluzione (iPhone 3GS o inferiore), iPhone retina (iPhone 4 o versioni successive), iPhone 5, iPad a bassa risoluzione e iPad ad alta risoluzione.

Qual è il modo migliore per gestire lo sfondo che viene caricato in base al dispositivo?

Inoltre, c'è un modo per testare l'aspetto di tutti e 5 nel simulatore? Al momento, ovviamente, puoi testare solo iPhone e iPad.

Inoltre, questo è un gioco e sto usando cocos2d se questo avrebbe fatto la differenza.

Answer 1

Per Cocos2d-iPhone, i suffissi predefiniti sono i seguenti:

• non-retina iPhone: immagine.png
• Retina iPhone: Immagine-hd.png
• non -retina iPad: image-ipad.png
• Retina iPad: immagine-ipadhd.png

nota dalla pagina wiki:

ATTENZIONE: E 'NON consiglia di utilizzare il suffisso “@ 2x”. Apple tratta queste immagini in un modo speciale che potrebbe causare errori nell'applicazione cocos2d.

Cocos2D rileva automaticamente l'hardware e carica l'immagine appropriata. È possibile modificare i suffissi predefiniti in AppDelegate.m.

per quanto ne so, non v'è alcun suffisso per iPhone 5 immagini, in modo da poter rilevare e caricare il vostro sprite personalizzato rilevando l'altezza dispositivo manualmente:

CGRect screenBounds = [[UIScreen mainScreen] bounds]; 
if (screenBounds.size.height == 568) { 
    // code for iPhone 5 
} else { 
    // code for all other iOS devices 
} 

E come gli altri hanno detto, è possibile verificare tutti i dispositivi attraverso il simulatore (Hardware -> Dispositivo)

Answer 2

È possibile avere due versioni di ogni immagine

immagine.png, image@2x.png~~V~~singular~~3rd

Il sistema rileverà automaticamente image@2x.png se si tratta di un dispositivo di retina, dove mai si fa riferimento a image.png

Anche nel simulatore, è possibile andare su Hardware-> Dispositivo e quindi selezionare se si desidera vedere retina o meno.

Answer 3

Se si utilizza cocos2d, sarà necessario utilizzare i suffissi -hd sulle immagini con risoluzione retina. Dai un'occhiata al loro wiki page per maggiori informazioni su questo.

Io non lavoro con cocos2d da solo, ma dal suono di esso, la risoluzione dello schermo di iPhone 5 viene gestita allo stesso modo in cui viene gestita la risoluzione dello schermo dell'iPad, regolando il layout di conseguenza. Una ricerca in stackoverflow dovrebbe produrre alcuni buoni risultati per cocos2d e iPhone 5.

Answer 4

Come @Srikanth menzionato, include image.png & image@2x.png, e il sistema sceglierà automaticamente quello ad alta risoluzione per le schermi e l'inferiore per gli schermi a bassa risoluzione. Funziona su iPhone e iPad.

Per iPhone 5, lo schermo è ancora Retina. Il sistema sceglierà automaticamente la tua immagine @ 2x. È possibile definire il layout automatico (o molle e montanti) in Interface Builder o nel codice.

Se per qualche ragione è assolutamente necessario un'immagine specifica per gli schermi di tipo iPhone 5, credo che sia possibile aggiungere un'immagine 568h@2x.png e il sistema sceglierà automaticamente quello per schermi da 4 pollici.

L'unico motivo per cui posso pensare che si includa un'immagine di -568h @ 2x nel pacchetto è per le immagini di avvio: è necessario uno specifico per gli schermi da 4 pollici.

Inoltre, sul simulatore: è possibile testare tutte e 5 le risoluzioni. Nella barra dei menu del simulatore (nella parte superiore dello schermo) scegli Hardware> Dispositivo. Qui hai un'opzione per tutte e 5 le risoluzioni.