use*_*146 94 android aspect-ratio screen-resolution
如果没有,是否有最流行的Android手机和平板电脑的屏幕分辨率列表.
Oli*_*ain 122
(过时)设备指标的电子表格.
还请参见:
设备指标 - 材料设计.
屏幕尺寸.
--------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ----------
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
--------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ----------
Run Code Online (Sandbox Code Playgroud)
应对不同的宽高比
上面看到的不同纵横比是(从大多数方形; 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
Run Code Online (Sandbox Code Playgroud)
如果您跳过在电话尺寸或更大尺寸上很少见到的极端宽高比,则所有其他设备的适用范围为1.3333至1.7778,可以方便地匹配当前的iPhone/iPad比率(考虑所有处于纵向模式的设备).请注意,该范围内有很多变化,因此如果要创建少量固定宽高比布局,则需要决定如何处理奇怪的"中间"屏幕.
最小"纵向模式"解决方案是支持1.3333,在所有具有较大宽高比的分辨率下,在顶部和底部产生未使用的空间.
最有可能的是,你会设计它在1.333到1.778范围内延伸.但有时你的部分设计看起来太扭曲了.
高级布局思路:
对于文本,您可以设计为1.3333,然后增加行间距为1.666 - 尽管这看起来很稀疏.对于图形,设计为中等比例,以便在某些屏幕上略微压扁,而在其他屏幕上略微拉伸.Sqrt(1333 x 1667)〜= 1491的几何平均值.因此,您设计的是1491 x 1000,当分配给极端情况时,它将被拉伸/压扁+ -12%.
接下来的改进是将布局设计为不同高度"带"的堆叠,每个"带"填充屏幕的宽度.然后确定你最喜欢"拉伸或挤压"乐队的高度,以适应不同的比例.
例如,考虑具有1333 x 1000像素和1666 x 1000像素的虚构手机.假设你有两个"乐队",你的主"乐队"是正方形,所以它是1000 x 1000.第二个乐队在一个屏幕上是333 x 1000,另一个是666 x 1000 - 相当一个设计的范围.
你可能会认为你的主乐队看起来没什么改变10%向上或向下,并在1333 x 1000屏幕上压缩900 x 1000,留下433 x 1000.然后在1666 x 1000屏幕上将其拉伸至1100 x 1000,留下566 x 1000.所以你的第二个乐队现在只需要调整433到566,其几何平均值为Sqrt(433 x 566)〜= 495.所以你设计的是495 x 1000,它将被拉伸/压扁+ -14分配给极端情况时的百分比.
des*_*mad 28
以下是几乎所有平板电脑分辨率的列表:
2560*1600
1366*768
1280*800
1280*768
1024*768
1024*600
960*640
960*540
854*480
800*600
800*480
800*400
其中,最常见的解决方案是:
1280*800
1280*768
1024*600
1024*800
1024*768
800*400
800*480
快乐的设计..!:)
Gab*_*sto 21
这些是尺寸.试着看看支持多个屏幕
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).
Run Code Online (Sandbox Code Playgroud)
我使用它来制作多个布局:
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)
Run Code Online (Sandbox Code Playgroud)
max*_*der 14
谷歌最近添加了这个参考设备和分辨率的综合列表,包括可穿戴设备和笔记本电脑等新设备类型:
https://design.google.com/devices/
| 归档时间: |
|
| 查看次数: |
128856 次 |
| 最近记录: |