2011-09-28 11 views

risposta

20

Queste sono le dimensioni. Provate a dare un'occhiata in Supporting Mutiple Screens

320dp: a typical phone screen (240x320 ldpi, 320x480 mdpi, 480x800 hdpi, etc). 
480dp: a tweener tablet like the Streak (480x800 mdpi). 
600dp: a 7” tablet (600x1024 mdpi). 
720dp: a 10” tablet (720x1280 mdpi, 800x1280 mdpi, etc). 

Io lo uso per rendere più di un layout:

res/layout/main_activity.xml   # For handsets (smaller than 600dp available width) 
res/layout-sw600dp/main_activity.xml # For 7” tablets (600dp wide and bigger) 
res/layout-sw720dp/main_activity.xml # For 10” tablets (720dp wide and bigger) 
+2

360dp: schermo del telefono più grande come galassia s3, s4, galassia nota 3 (1280x720 xhdpi, 1920x1080 xxhdpi, ecc.). Per informazioni dettagliate, vedere la risposta di Oliver Pearmain: http://stackoverflow.com/questions/7587854/is-there-a-list-of-screen-resolutions-for-all-android-based-phones-and-tablets#23009368 – samir105

26

Ecco un elenco di quasi tutte le risoluzioni di compresse:

2560 * 1600
1366 * 768
1280 * 800
1280 * 768
1024 * 768
1024 * 600
960 * 640
960 * 540
854 * 480
800 * 600
800 * 480
800 * 400

Di questi, le risoluzioni più comuni sono:

1280 * 800
1280 * 768
1024 * 600
1024 * 800
1024 * 768
800 * 400
800 * 480

progettazione felice ..! :)

+1

Ora, finalmente è sul punto! – mlvljr

+2

Quali sono i loro equivalenti di risoluzione dp? –

+0

@HaggleLad: dipende dalle dimensioni dello schermo del dispositivo. – desidigitalnomad

104

Ho iniziato un foglio di calcolo ... potrebbero esserci degli errori, fatemelo sapere e aggiornerò.

NOTA: vedere anche Device Metrics - Material Design.

---------------------------  ----- ------------ --------------- ------- -----------  ---------------- ---   ---------- 
Device       Inches ResolutionPX Density   DPI  ResolutionDP AspectRatios  SysNavYorN ContentResolutionDP 
---------------------------  ----- ------------ --------------- ------- -----------  ---------------- ---   ----------               
Galaxy Y         320 x 240  ldpi 0.75 120  427 x 320  4:3  1.3333     427 x 320 
?          400 x 240  ldpi 0.75 120  533 x 320  5:3  1.6667     533 x 320 
?          432 x 240  ldpi 0.75 120  576 x 320  9:5  1.8000     576 x 320 
Galaxy Ace        480 x 320  mdpi 1  160  480 x 320  3:2  1.5000     480 x 320 
Nexus S         800 x 480  hdpi 1.5  240  533 x 320  5:3  1.6667     533 x 320 
"Galaxy SIII Mini"     800 x 480  hdpi 1.5  240  533 x 320  5:3  1.6667     533 x 320 
?          854 x 480  hdpi 1.5  240  569 x 320  427:240 1.7792     569 x 320 

Galaxy SIII        1280 x 720  xhdpi 2  320  640 x 360  16:9 1.7778     640 x 360 
Galaxy Nexus       1280 x 720  xhdpi 2  320  640 x 360  16:9 1.7778     640 x 360 
HTC One X      4.7" 1280 x 720  xhdpi 2  320  640 x 360  16:9 1.7778     640 x 360 
Nexus 5       5"  1920 x 1080  xxhdpi 3  480  640 x 360  16:9 1.7778  YES   592 x 360 
Galaxy S4      5"  1920 x 1080  xxhdpi 3  480  640 x 360  16:9 1.7778     640 x 360 
HTC One       5"  1920 x 1080  xxhdpi 3  480  640 x 360  16:9 1.7778     640 x 360 
Galaxy Note III     5.7" 1920 x 1080  xxhdpi 3  480  640 x 360  16:9 1.7778     640 x 360 
HTC One Max      5.9" 1920 x 1080  xxhdpi 3  480  640 x 360  16:9 1.7778     640 x 360 
Galaxy Note II     5.6" 1280 x 720  xhdpi 2  320  640 x 360  16:9 1.7778     640 x 360 
Nexus 4       4.4" 1200 x 768  xhdpi 2  320  600 x 384  25:16 1.5625  YES   552 x 384 
---------------------------  ----- ------------ --------------- ------- -----------  ---------------- ---   ---------- 
Device       Inches ResolutionPX Density   DPI  ResolutionDP AspectRatios  SysNavYorN ContentResolutionDP 
---------------------------  ----- ------------ --------------- ------- -----------  ---------------- ---   ---------- 
?          800 x 480  mdpi 1  160  800 x 480  5:3  1.6667     800 x 480 
?          854 x 480  mdpi 1  160  854 x 480  427:240 1.7792     854 x 480 
Galaxy Mega      6.3" 1280 x 720  hdpi 1.5  240  853 x 480  16:9 1.7778     853 x 480 
Kindle Fire HD     7"  1280 x 800  hdpi 1.5  240  853 x 533  8:5  1.6000     853 x 533 
Galaxy Mega      5.8"  960 x 540  tvdpi 1.33333 213.333 720 x 405  16:9 1.7778     720 x 405 
Sony Xperia Z Ultra    6.4" 1920 x 1080  xhdpi 2  320  960 x 540  16:9 1.7778     960 x 540 
Blackberry Priv     5.43" 2560 x 1440  ?    540   ?   16:9 1.7778  
Blackberry Passport    4.5" 1440 x 1440  ?    453   ?   1:1  1.0  

Kindle Fire (1st & 2nd gen)  7"  1024 x 600  mdpi 1  160  1024 x 600  128:75 1.7067     1024 x 600 
Tesco Hudl      7"  1400 x 900  hdpi 1.5  240  933 x 600  14:9 1.5556     933 x 600 
Nexus 7 (1st gen/2012)   7"  1280 x 800  tvdpi 1.33333 213.333 960 x 600  8:5  1.6000  YES   912 x 600 
Nexus 7 (2nd gen/2013)   7"  1824 x 1200  xhdpi 2  320  912 x 600  38:25 1.5200  YES   864 x 600 
Kindle Fire HDX     7"  1920 x 1200  xhdpi 2  320  960 x 600  8:5  1.6000     960 x 600 
?          800 x 480  ldpi 0.75 120  1067 x 640  5:3  1.6667     1067 x 640 
?          854 x 480  ldpi 0.75 120  1139 x 640  427:240 1.7792     1139 x 640 

Kindle Fire HD     8.9" 1920 x 1200  hdpi 1.5  240  1280 x 800  8:5  1.6000     1280 x 800 
Kindle Fire HDX     8.9" 2560 x 1600  xhdpi 2  320  1280 x 800  8:5  1.6000     1280 x 800 
Galaxy Tab 2     10"  1280 x 800  mdpi 1  160  1280 x 800  8:5  1.6000     1280 x 800 
Galaxy Tab 3     10"  1280 x 800  mdpi 1  160  1280 x 800  8:5  1.6000     1280 x 800 
ASUS Transformer    10"  1280 x 800  mdpi 1  160  1280 x 800  8:5  1.6000     1280 x 800 
ASUS Transformer 2    10"  1920 x 1200  hdpi 1.5  240  1280 x 800  8:5  1.6000     1280 x 800 
Nexus 10      10"  2560 x 1600 xhdpi 2  320  1280 x 800  8:5  1.6000     1280 x 800 
Galaxy Note 10.1    10"  2560 x 1600 xhdpi 2  320  1280 x 800  8:5  1.6000     1280 x 800 
---------------------------  ----- ------------ --------------- ------- -----------  ---------------- ---   ---------- 
Device       Inches ResolutionPX Density   DPI  ResolutionDP AspectRatios  SysNavYorN ContentResolutionDP 
---------------------------  ----- ------------ --------------- ------- -----------  ---------------- ---   ---------- 

Affrontare con proporzioni diverse

Le diverse proporzioni visti sopra sono (da più quadrato):

1:1  1.0  <- rare for phone; common for watch 
4:3  1.3333 <- matches iPad (when portrait) 
3:2  1.5000 
38:25 1.5200 
14:9 1.5556 <- rare 
25:16 1.5625 
8:5  1.6000 <- aka 16:10 
5:3  1.6667 
128:75 1.7067 
16:9 1.7778 <- matches iPhone 5-7 
427:240 1.7792 <- rare 

Se si salta le proporzioni estreme, che raramente sono visti a dimensioni del telefono o più grandi, tutti gli altri dispositivi si adattano a un intervallo da 1,33333 a 1,7778, che convenientemente m misura gli attuali rapporti iPhone/iPad (considerando tutti i dispositivi in ​​modalità verticale). Si noti che ci sono alcune varianti all'interno di tale intervallo, quindi se si sta creando un numero limitato di layout di proporzioni fissi, sarà necessario decidere come gestire le dispari schermate "intermedie".

La soluzione minima "modalità verticale" è di supporto 1.3333, che risulta nello spazio inutilizzato in alto e in basso, su tutte le risoluzioni con proporzioni maggiori.
Molto probabilmente, lo si dovrebbe invece progettare per estendersi nell'intervallo da 1,33 a 1,66. Ma a volte parte del tuo design sembra troppo distorta.

NOTA: per il testo, è possibile progettare per 1.3333, quindi aumentare la spaziatura delle linee per 1.666, anche se sembrerà piuttosto scarso. Per la grafica, il design per un rapporto intermedio, in modo che su alcuni schermi sia leggermente schiacciato, in altri è leggermente allungato. media geometrica di Sqrt (1333 x 1667) ~ = 1491. Quindi progettate per 1491 x 1000, che sarà allungato/schiacciato di + -12% se assegnato ai casi estremi.

perfezionamento successivo è quello di progettare layout come pila di diversa altezza "bande" che riempiono la larghezza dello schermo. Quindi stabilisci dove puoi gradevolmente "allungare o schiacciare" l'altezza di una band, per adattarsi a diversi rapporti.

Ad esempio, considerare telefoni immaginari con 1333 x 1000 pixel e 1666 x 1000 pixel. Supponiamo che tu abbia due "bande", e che la tua "banda" principale sia quadrata, quindi è 1000 x 1000. La seconda banda è 333 x 1000 su uno schermo, 666 x 1000 sull'altro - piuttosto una gamma da designare per.
Potresti decidere che la tua banda principale sembra ok alterata del 10% verso l'alto o verso il basso e schiacciare 900 x 1000 sullo schermo 1333 x 1000, lasciando 433 x 1000. Quindi estendilo a 1100 x 1000 su schermo 1666 x 1000, lasciando 566 x 1000. Quindi la tua seconda banda ora deve regolare solo da 433 a 566, che ha una media geometrica di Sqrt (433 x 566) ~ = 495. Quindi disegni per 495 x 1000, che sarà allungato/schiacciato da + -14% se assegnato ai casi estremi.

+1

Molto utile. Sei sicuro che Sony Xperia Z Ultra sia xhdpi (non xxhdpi come tutti gli altri telefoni full-hd)? Solo per curiosità. – ernazm

+0

No, non sono sicuro, molti di questi valori sono stati consultati da database casuali sull'interweb e i loro risultati non mi hanno sempre dato completa sicurezza. –

+0

risposta molto migliore – quemeful

3

hdpi 480x800 px Samsung S2

xhdpi 720x1280 px - Nexus 4 telefono - 4.7,4.8 pollici Samsung Galaxy S3 Motorola Moto G

xxhdpi 1080x1920 px - Nexus 5 telefono - 4.95 pollici Samsung Galaxy S4 Samsung Galaxy S5 Samsung Galaxy Note 3 - 5.7 pollici LG G2 HTC One M8 HTC One M9 Sony Xperia Z1
Sony Xperia Z2 Sony Xperia Z3 Sony Xperia Z3 +

xxxhdpi 1440x2560 px - Nexus 6 phablet - 6 pollici Samsung S6 Samsung S6 bordo Samsung Galaxy Note 4 - 5.7 pollici LG G3
LG G4

xxhdpi 1920 × 1200 px - tablet Nexus 7 - 7 pollici Sony tablet Z3 Compact LG G Pad 8,3 - 8,3 pollici Sony Xperia tablet Z2 - 10,1 pollici

xxxhdpi 2560 × 1600 px - Nexus 10 tablet - 10.1 pollici ~ Google Nexus 9 Sony Xperia Z4 tablet Samsung Galaxy Note 12.2 Pro Samsung Galaxy Note 10.1 Samsung Galaxy Tab S 10.5 Dell Venue 8 7840

11

Google ha recentemente aggiunto questa lista completa dei dispositivi di riferimento e risoluzioni, compresi i nuovi tipi di dispositivi, come indossabili e computer portatili:

https://design.google.com/devices/

+0

questa è la risposta perfetta – has19

+0

Grazie per il collegamento, ma a meno che manchi qualcosa, quella lista è troppo breve per essere considerata all inclusive. Le persone tengono i telefoni più a lungo oggi, quindi ci sono ancora molti vecchi telefoni là fuori. Le app che vogliono o hanno bisogno di supportare quelle (ad esempio Galaxy S3/S4 e molte altre) devono gestire anche quelle, e mancano evidentemente nell'elenco. – Zeus56

1

si può vedere un sacco di dimensioni dello schermo su this site.

Parsed list of screens

lascio cadere un sacco di schermi stesse dimensioni stesse-dp, ignorare altezza/swap larghezza e includere alcuni risultati di ordinamento.

Problemi correlati