Dimensioni schermo iPhone 5. Occorre risviluppare le apps esistenti?

Condividi su facebook
Condividi su twitter
Condividi su linkedin
Condividi su whatsapp
Condividi su email

In realtà con il nuovo schermo da 1136px di altezza, che corrisponde ad un 16:9 di rapporto altezza X larghezza, non dovrebbero esserci problemi a fare girare le vecchie apps sul nuovo dispositivo. Se le schermate sono impostate all’altezza 960 si vedranno delle bande nere tipo quelle dei vecchi film sui nuovi televisori. Nel caso invece di scrolling view (ossia quelle viste a scorrimento, tipo tabelle) questi si adatteranno magicamente al nuovo dispositivo (sempre che il vostro sviluppatore non abbia hardcoded le dimensioni delle viste!!).

Per il resto dovrebbe funzionare tutto allo stesso modo. Per le schermate di intro, basterà una nuova immagine a 640 x 1136 nominata Questo indirizzo email è protetto dagli spambots. E’ necessario abilitare JavaScript per vederlo.
document.getElementById(‘cloak48fdeb11ae9dfd7d480b6511157c682d’).innerHTML = ”;
var prefix = ‘ma’ + ‘il’ + ‘to’;
var path = ‘hr’ + ‘ef’ + ‘=’;
var addy48fdeb11ae9dfd7d480b6511157c682d = ‘Default-568h’ + ‘@’;
addy48fdeb11ae9dfd7d480b6511157c682d = addy48fdeb11ae9dfd7d480b6511157c682d + ‘2x’ + ‘.’ + ‘png’;
var addy_text48fdeb11ae9dfd7d480b6511157c682d = ‘Default-568h’ + ‘@’ + ‘2x’ + ‘.’ + ‘png’;document.getElementById(‘cloak48fdeb11ae9dfd7d480b6511157c682d’).innerHTML += ‘‘+addy_text48fdeb11ae9dfd7d480b6511157c682d+’‘;
nel target project

 Di seguito riportiamo una tabella comparativa, speriamo utile referenza per sviluppatori e non.

 

iPhone

iPod

iPhone 4 Retina

iPod Retina

iPhone 5

iPad 2

Dimensioni Schermo
320 x 480
640 x 960
640 x 1136
 768 x 1024

1024 x 768

Dimensioni Status Bar
320 x 20
640 x 40
640 x 40
768 x 20

1024 x 20

Application icon
57 x 57
114 x 114
114 x 114
72 x 72
App Store icon
512 x 512
512 x 512
512 x 512
512 x 512
Small icon for Spotlight search results and Settings
29 x 29
58 x 58
58 x 58
50 x 50 for Spotlight search results

29 x 29 for Settings

Document icon (recommended for custom document types)
22 x 29
44 x 58
44 x 58
64 x 64 & 320 x 320
Web clip icon (recommended for web applications and websites)
57 x 57
114 x 114
114 x 114
72 x 72
Toolbar and navigation bar icon (opzionale)
~ 20 x 20
~ 40 x 40
~ 40 x 40
~ 20 x 20
Tab bar icon (opzionale)
~ 30 x 30
~ 60 x 60
~ 60 x 60
~ 30 x 30
Launch image
320 x 480
640 x 960
640 x 960
768 x 1004

1024 x 748

UINavigation Bar
320 x 44
640 x 88
640 x 88
 768 x 44

1024 x 44

Condividi
Condividi su facebook
Condividi su google
Condividi su twitter
Condividi su linkedin
guest
0 Commenti
Inline Feedbacks
View all comments

Potrebbe Interessarti

Luca Mainieri
Ingegnere per formazione, creativo per passione! Mi interesso di web dal 1998 e dal 2002 il digital è diventata la mia professione. Dopo essermi dedicato alla programmazione (web, server e mobile) mi sono occupato di consulenza, affiancando importanti aziende nell’area sviluppo, project management e web marketing. Dal 2009 sono CEO di Neting.it.
Condividi
Condividi su facebook
Facebook
Condividi su linkedin
LinkedIn

Ecco la tua checklist

Ci sei quasi, ti stiamo inviando la tua checklist editabile. Compila il form qui sotto. Grazie!

Checklist Sito Web Popup