หากไม่มีรายการความละเอียดหน้าจอสำหรับโทรศัพท์และแท็บเล็ต Android ยอดนิยม
หากไม่มีรายการความละเอียดหน้าจอสำหรับโทรศัพท์และแท็บเล็ต Android ยอดนิยม
คำตอบ:
(ล้าสมัย) สเปรดชีตเมตริกอุปกรณ์
ดูเพิ่มเติม:
ตัวชี้วัดอุปกรณ์ - การออกแบบวัสดุ ขนาดหน้าจอ
--------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ----------
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
--------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ----------
รับมือกับอัตราส่วนภาพที่แตกต่างกัน
อัตราส่วนภาพต่างๆที่เห็นด้านบนคือ (จากสี่เหลี่ยมจัตุรัสส่วนใหญ่ h / w):
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
37:18 2.0555 <- Galaxy S8
ถ้าคุณข้ามอัตราส่วนมากที่ไม่ค่อยจะเห็นขนาดโทรศัพท์หรือขนาดใหญ่ทั้งหมดอุปกรณ์อื่น ๆ พอดีช่วง 1.3333-1.7778 ซึ่งตรงกับสิ่งอำนวยความสะดวกอัตราส่วน iPhone / iPad ปัจจุบัน (พิจารณาจากอุปกรณ์ทั้งหมดในโหมดแนวตั้ง) โปรดทราบว่ามีรูปแบบที่แตกต่างกันเล็กน้อยภายในช่วงดังกล่าวดังนั้นหากคุณกำลังสร้างเค้าโครงอัตราส่วนคงที่จำนวนเล็กน้อยคุณจะต้องตัดสินใจว่าจะจัดการหน้าจอ "ระหว่างกลาง" แบบแปลก ๆ อย่างไร
โซลูชัน "โหมดแนวตั้ง" ขั้นต่ำคือการรองรับ 1.3333 ซึ่งส่งผลให้มีพื้นที่ว่างที่ด้านบนและด้านล่างที่ไม่ได้ใช้สำหรับความละเอียดทั้งหมดที่มีอัตราส่วนกว้างยาวมากขึ้น
เป็นไปได้มากว่าคุณจะออกแบบให้ยืดออกไปในช่วง 1.333 ถึง 1.778 แทน แต่บางครั้งส่วนหนึ่งของการออกแบบของคุณก็ดูผิดเพี้ยนเกินไป
แนวคิดการจัดวางขั้นสูง:
สำหรับข้อความคุณสามารถออกแบบสำหรับ 1.3333 จากนั้นเพิ่มระยะห่างระหว่างบรรทัดสำหรับ 1.666 แม้ว่าจะดูค่อนข้างเบาบาง สำหรับกราฟิกควรออกแบบให้มีอัตราส่วนระดับกลางเพื่อให้ในบางหน้าจอมีการบีบเล็กน้อยส่วนภาพอื่นจะยืดออกเล็กน้อย ค่าเฉลี่ยทางเรขาคณิตของ Sqrt (1333 x 1667) ~ = 1491 ดังนั้นคุณจึงออกแบบสำหรับ 1491 x 1,000 ซึ่งจะยืด / บีบออกได้ + -12% เมื่อกำหนดให้กับกรณีที่รุนแรง
การปรับแต่งต่อไปคือการออกแบบรูปแบบเป็นสแต็คของที่แตกต่างกันมีความสูง "วงดนตรี" ที่แต่ละเติมความกว้างของหน้าจอ จากนั้นกำหนดตำแหน่งที่คุณสามารถ "ยืด - หรือสควอช" ของวงดนตรีได้อย่างถูกใจที่สุดเพื่อปรับอัตราส่วนต่างๆ
ตัวอย่างเช่นพิจารณาโทรศัพท์ในจินตนาการที่มี 1333 x 1000 พิกเซลและ 1666 x 1,000 พิกเซล สมมติว่าคุณมี "วงดนตรี" สองวงและ "วงดนตรี" หลักของคุณคือสี่เหลี่ยมจัตุรัสดังนั้นจึงมีขนาด 1000 x 1,000 วงที่สองคือ 333 x 1,000 บนหน้าจอหนึ่งและอีกด้านหนึ่งคือ 666 x 1000 ซึ่งเป็นช่วงที่ต้องออกแบบ
คุณอาจตัดสินใจว่าวงดนตรีหลักของคุณดูโอเคโดยปรับขึ้นหรือลง 10% และสควอช 900 x 1000 บนหน้าจอ 1333 x 1,000 เหลือ 433 x 1,000 จากนั้นยืดเป็น 1100 x 1000 บนหน้าจอ 1666 x 1,000 เหลือ 566 x 1,000 ดังนั้นวงดนตรีที่สองของคุณตอนนี้ต้องปรับมากกว่า 433 ถึง 566 เท่านั้นซึ่งมีค่าเฉลี่ยเรขาคณิตของ Sqrt (433 x 566) ~ = 495 ดังนั้นคุณจึงออกแบบสำหรับ 495 x 1,000 ซึ่งจะยืด / บีบด้วย + -14 % เมื่อถูกกำหนดให้กับกรณีที่รุนแรง
นี่คือรายการความละเอียดเกือบทั้งหมดของแท็บเล็ต:
2560 * 1600
1366 * 768
1280 * 800
1280 * 768
1024 * 768
1024 * 600
960 * 640
960 *
540854 * 480
800 * 600
800 * 480
800 * 400
จากนี้มติที่พบบ่อยที่สุดคือ:
1280 * 800
1280 * 768
1024 * 600
1024 * 800
1024 * 768
800 * 400
800 * 480
ออกแบบให้มีความสุข .. ! :)
นี่คือขนาด ลองดูในรองรับหลายหน้าจอ
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).
ฉันใช้สิ่งนี้เพื่อสร้างเลย์เอาต์มากกว่าหนึ่งแบบ:
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)
Google เพิ่งเพิ่มรายการอุปกรณ์อ้างอิงและความละเอียดที่ครอบคลุมนี้รวมถึงประเภทอุปกรณ์ใหม่ ๆ เช่นอุปกรณ์สวมใส่และแล็ปท็อป:
คุณสามารถดูขนาดหน้าจอได้มากมายในไซต์นี้
From http://www.emirweb.com/ScreenDeviceStatistics.php
####################################################################################################
# Filter out same-sized same-dp screens and width/height swap.
####################################################################################################
Size: 2560 x 1600 px (1280 x 800 dp) xhdpi
Size: 2048 x 1536 px (1024 x 768 dp) xhdpi
Size: 1920 x 1200 px (1442 x 901 dp) tvdpi
Size: 1920 x 1200 px (1280 x 800 dp) hdpi
Size: 1920 x 1200 px (960 x 600 dp) xhdpi
Size: 1920 x 1200 px (640 x 400 dp) xxhdpi
Size: 1920 x 1152 px (640 x 384 dp) xxhdpi
Size: 1920 x 1080 px (1920 x 1080 dp) mdpi
Size: 1920 x 1080 px (1280 x 720 dp) hdpi
Size: 1920 x 1080 px (960 x 540 dp) xhdpi
Size: 1920 x 1080 px (640 x 360 dp) xxhdpi
Size: 1600 x 1200 px (1066 x 800 dp) hdpi
Size: 1600 x 900 px (1600 x 900 dp) mdpi
Size: 1440 x 904 px (960 x 602 dp) hdpi
Size: 1366 x 768 px (1366 x 768 dp) mdpi
Size: 1360 x 768 px (1360 x 768 dp) mdpi
Size: 1280 x 960 px (640 x 480 dp) xhdpi
Size: 1280 x 800 px (1280 x 800 dp) mdpi
Size: 1280 x 800 px (961 x 600 dp) tvdpi
Size: 1280 x 800 px (853 x 533 dp) hdpi
Size: 1280 x 800 px (640 x 400 dp) xhdpi
Size: 1280 x 768 px (1280 x 768 dp) mdpi
Size: 1280 x 768 px (640 x 384 dp) xhdpi
Size: 1280 x 720 px (1280 x 720 dp) mdpi
Size: 1280 x 720 px (961 x 540 dp) tvdpi
Size: 1280 x 720 px (853 x 480 dp) hdpi
Size: 1280 x 720 px (640 x 360 dp) xhdpi
Size: 1279 x 720 px (639 x 360 dp) xhdpi
Size: 1152 x 720 px (1152 x 720 dp) mdpi
Size: 1080 x 607 px (720 x 404 dp) hdpi
Size: 1024 x 960 px (1024 x 960 dp) mdpi
Size: 1024 x 770 px (1024 x 770 dp) mdpi
Size: 1024 x 768 px (1365 x 1024 dp) ldpi
Size: 1024 x 768 px (1024 x 768 dp) mdpi
Size: 1024 x 768 px (512 x 384 dp) xhdpi
Size: 1024 x 600 px (1365 x 800 dp) ldpi
Size: 1024 x 600 px (1024 x 600 dp) mdpi
Size: 1024 x 600 px (682 x 400 dp) hdpi
Size: 960 x 640 px (480 x 320 dp) xhdpi
Size: 960 x 600 px (960 x 600 dp) ldpi
Size: 960 x 540 px (640 x 360 dp) hdpi
Size: 864 x 480 px (576 x 320 dp) hdpi
Size: 854 x 480 px (569 x 320 dp) hdpi
Size: 800 x 600 px (1066 x 800 dp) ldpi
Size: 800 x 480 px (1066 x 640 dp) ldpi
Size: 800 x 480 px (800 x 480 dp) mdpi
Size: 800 x 480 px (600 x 360 dp) tvdpi
Size: 800 x 480 px (533 x 320 dp) hdpi
Size: 800 x 480 px (266 x 160 dp) xxhdpi
Size: 768 x 576 px (768 x 576 dp) mdpi
Size: 640 x 480 px (640 x 480 dp) mdpi
Size: 640 x 360 px (426 x 240 dp) hdpi
Size: 480 x 320 px (480 x 320 dp) mdpi
Size: 480 x 320 px (320 x 213 dp) hdpi
Size: 432 x 240 px (576 x 320 dp) ldpi
Size: 400 x 240 px (533 x 320 dp) ldpi
Size: 320 x 240 px (426 x 320 dp) ldpi
Size: 280 x 280 px (186 x 186 dp) hdpi
####################################################################################################
# Sorted by smallest width.
####################################################################################################
sw800dp:
Size: 1920 x 1080 px (1920 x 1080 dp) mdpi
Size: 1024 x 768 px (1365 x 1024 dp) ldpi
Size: 1024 x 960 px (1024 x 960 dp) mdpi
Size: 1920 x 1200 px (1442 x 901 dp) tvdpi
Size: 1600 x 900 px (1600 x 900 dp) mdpi
Size: 800 x 600 px (1066 x 800 dp) ldpi
Size: 1920 x 1200 px (1280 x 800 dp) hdpi
Size: 1024 x 600 px (1365 x 800 dp) ldpi
Size: 2560 x 1600 px (1280 x 800 dp) xhdpi
Size: 1280 x 800 px (1280 x 800 dp) mdpi
Size: 1600 x 1200 px (1066 x 800 dp) hdpi
sw720dp:
Size: 1024 x 770 px (1024 x 770 dp) mdpi
Size: 1366 x 768 px (1366 x 768 dp) mdpi
Size: 1280 x 768 px (1280 x 768 dp) mdpi
Size: 2048 x 1536 px (1024 x 768 dp) xhdpi
Size: 1360 x 768 px (1360 x 768 dp) mdpi
Size: 1024 x 768 px (1024 x 768 dp) mdpi
Size: 1152 x 720 px (1152 x 720 dp) mdpi
Size: 1280 x 720 px (1280 x 720 dp) mdpi
Size: 1920 x 1080 px (1280 x 720 dp) hdpi
sw600dp:
Size: 800 x 480 px (1066 x 640 dp) ldpi
Size: 1440 x 904 px (960 x 602 dp) hdpi
Size: 960 x 600 px (960 x 600 dp) ldpi
Size: 1280 x 800 px (961 x 600 dp) tvdpi
Size: 1024 x 600 px (1024 x 600 dp) mdpi
Size: 1920 x 1200 px (960 x 600 dp) xhdpi
sw480dp:
Size: 768 x 576 px (768 x 576 dp) mdpi
Size: 1920 x 1080 px (960 x 540 dp) xhdpi
Size: 1280 x 720 px (961 x 540 dp) tvdpi
Size: 1280 x 800 px (853 x 533 dp) hdpi
Size: 1280 x 720 px (853 x 480 dp) hdpi
Size: 800 x 480 px (800 x 480 dp) mdpi
Size: 1280 x 960 px (640 x 480 dp) xhdpi
Size: 640 x 480 px (640 x 480 dp) mdpi
sw320dp:
Size: 1080 x 607 px (720 x 404 dp) hdpi
Size: 1024 x 600 px (682 x 400 dp) hdpi
Size: 1280 x 800 px (640 x 400 dp) xhdpi
Size: 1920 x 1200 px (640 x 400 dp) xxhdpi
Size: 1280 x 768 px (640 x 384 dp) xhdpi
Size: 1024 x 768 px (512 x 384 dp) xhdpi
Size: 1920 x 1152 px (640 x 384 dp) xxhdpi
Size: 1279 x 720 px (639 x 360 dp) xhdpi
Size: 800 x 480 px (600 x 360 dp) tvdpi
Size: 960 x 540 px (640 x 360 dp) hdpi
Size: 1920 x 1080 px (640 x 360 dp) xxhdpi
Size: 1280 x 720 px (640 x 360 dp) xhdpi
Size: 432 x 240 px (576 x 320 dp) ldpi
Size: 800 x 480 px (533 x 320 dp) hdpi
Size: 960 x 640 px (480 x 320 dp) xhdpi
Size: 864 x 480 px (576 x 320 dp) hdpi
Size: 854 x 480 px (569 x 320 dp) hdpi
Size: 480 x 320 px (480 x 320 dp) mdpi
Size: 400 x 240 px (533 x 320 dp) ldpi
Size: 320 x 240 px (426 x 320 dp) ldpi
sw240dp:
Size: 640 x 360 px (426 x 240 dp) hdpi
lower:
Size: 480 x 320 px (320 x 213 dp) hdpi
Size: 280 x 280 px (186 x 186 dp) hdpi
Size: 800 x 480 px (266 x 160 dp) xxhdpi
####################################################################################################
# Different size in px only.
####################################################################################################
2560 x 1600 px
2048 x 1536 px
1920 x 1200 px
1920 x 1152 px
1920 x 1080 px
1600 x 1200 px
1600 x 900 px
1440 x 904 px
1366 x 768 px
1360 x 768 px
1280 x 960 px
1280 x 800 px
1280 x 768 px
1280 x 720 px
1279 x 720 px
1152 x 720 px
1080 x 607 px
1024 x 960 px
1024 x 770 px
1024 x 768 px
1024 x 600 px
960 x 640 px
960 x 600 px
960 x 540 px
864 x 480 px
854 x 480 px
800 x 600 px
800 x 480 px
768 x 576 px
640 x 480 px
640 x 360 px
480 x 320 px
432 x 240 px
400 x 240 px
320 x 240 px
280 x 280 px
####################################################################################################
# Different size in dp only.
####################################################################################################
1920 x 1080 dp
1600 x 900 dp
1442 x 901 dp
1366 x 768 dp
1365 x 1024 dp
1365 x 800 dp
1360 x 768 dp
1280 x 800 dp
1280 x 768 dp
1280 x 720 dp
1152 x 720 dp
1066 x 800 dp
1066 x 640 dp
1024 x 960 dp
1024 x 770 dp
1024 x 768 dp
1024 x 600 dp
961 x 600 dp
961 x 540 dp
960 x 602 dp
960 x 600 dp
960 x 540 dp
853 x 533 dp
853 x 480 dp
800 x 480 dp
768 x 576 dp
720 x 404 dp
682 x 400 dp
640 x 480 dp
640 x 400 dp
640 x 384 dp
640 x 360 dp
639 x 360 dp
600 x 360 dp
576 x 320 dp
569 x 320 dp
533 x 320 dp
512 x 384 dp
480 x 320 dp
426 x 320 dp
426 x 240 dp
320 x 213 dp
266 x 160 dp
186 x 186 dp
ฉันวางหน้าจอ dp ขนาดเดียวกันจำนวนมากไม่สนใจการสลับความสูง / ความกว้างและรวมผลการเรียงลำดับบางส่วน
hdpi 480x800 px Samsung S2
xhdpi 720x1280 px - โทรศัพท์ Nexus 4 - 4.7,4.8 นิ้ว Samsung Galaxy S3 Motorola Moto G
xxhdpi 1080x1920 px - โทรศัพท์ Nexus 5 - 4.95 นิ้ว Samsung Galaxy S4 Samsung Galaxy S5 Samsung Galaxy Note 3 - 5.7 นิ้ว 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 นิ้ว Samsung S6 Samsung S6 Edge Samsung Galaxy Note 4 - 5.7 นิ้ว LG G3
LG G4
xxhdpi 1920 × 1200 px - แท็บเล็ต Nexus 7 - 7 นิ้ว Sony Z3 Tablet Compact LG G Pad 8.3 - 8.3 นิ้วแท็บเล็ต Sony Xperia Z2 - 10.1 นิ้ว
xxxhdpi 2560 × 1600 px - แท็บเล็ต Nexus 10 - 10.1 นิ้ว ~ Google Nexus 9 แท็บเล็ต Sony Xperia Z4 Samsung Galaxy Note Pro 12.2 Samsung Galaxy Note 10.1 Samsung Galaxy Tab S 10.5 Dell Venue 8 7840
คุณพบข้อมูลเพิ่มเติมเกี่ยวกับหน้าจอ Android ในเว็บไซต์นี้: