您的位置:首页 > 移动开发 > Android开发

Android屏幕适配(不同的屏幕分辨率和尺寸)

2016-10-15 00:43 351 查看




http://blog.csdn.net/ttkatrina/article/details/50623043
http://blog.csdn.net/ttkatrina/article/details/50623043 http://blog.csdn.net/ttkatrina/article/details/50623043 http://blog.csdn.net/ttkatrina/article/details/50623043


Android屏幕适配(不同的屏幕分辨率和尺寸)

Android屏幕适配

目录:

Android屏幕适配
概念区分
换算关系
划分标准

Android手机常见尺寸和对应分辨率
部分Android测试机分析

补充9图的使用说明

在实际开发过程中,会遇到不同的机型,为了让控件和布局要在不同屏幕上显示相近的样子,就得在drawable-ldpi/mdpi/hdpi/xhdpi/xxhdpi不同的文件夹下放置图片素材或者在xml中用dp作为间距单位,用sp作为文字的单位。因此要搞清楚他们的关系,否则会很纠结,或者浪费大量的时间调整界面。

概念区分

px(pixels)像素
,屏幕上的点,不同设备显示效果相同,例如,HVGA代表320×480像素。
in(英寸)屏幕的物理尺寸
, 每英寸等于2.54厘米。 
例如我们经常说的手机屏幕大小有,5(英)寸、4(英)寸就是指这个单位。这些尺寸是屏幕的对角线长度。如果手机的屏幕是4英寸,表示手机的屏幕(可视区域)对角线长度是4 X 2.54 = 10.16厘米。

pt(point)标准长度单位
, 1pt=1/72英寸,用于印刷业,UI设计师会用,iOS字体单位,Android开发不涉及。
dpi(dots per inch) 打印分辨率
,每英寸所能打印的点数,即打印精度; 每英寸点数,即每英寸包含像素个数。 
比如320X480分辨率的手机,宽2英寸,高3英寸, 每英寸包含的像素点的数量为320/2=160dpi(横向)或480/3=160dpi(纵向),160就是这部手机的dpi,横向和纵向的这个值都是相同的,原因是大部分手机屏幕使用正方形的像素点。

ppi (pixels per inch)图像分辨率
, 像素密度,在图像中, 每英寸所包含的像素数目。
density(屏幕密度)
, density和dpi的关系为 density = dpi/160。density这个概念方便理解不同dpi的倍数关系。
dp(也即dip,device independent pixels)设备独立像素
,Android特有的单位,与密度无关的像素,基于屏幕密度的抽象单位,在320x480分辨率,同时每英寸160点(dpi = 160)的显示器上,1dp
= 1px。
sp(scaled pixels)放大像素
,与刻度无关的像素,字体单位,可以根据用户的字体大小首选项进行缩放。sp和dp一样,是android开发里特有的单位, 查看TextView的源码可知 Android 默认使用
sp 作为字号单位。以160ppi屏幕为标准,当字体大小为 100%时, 1sp=1px。

为什么要把sp和dp代替px?最简单的原因是他们不会因为ppi的变化而变化,在相同物理尺寸和不同ppi/dpi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,而px则不行。

换算关系

px = dp * (dpi / 160),原来这里的dpi是归一化后的dpi。 

则dp = px / (ppi / 160) 

ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 

dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。

疑问:dpi和ppi是不是数值等同的?为何文档中的计算方式对不上?

划分标准

Google官方指定的dpi区分标准(第1列和第2列):
名称像素密度范围屏幕密度图片icon尺寸
drawable-ldpippi=120-160density=0.7536*36
drawable-mdpippi=160-240density=1(baseline)48*48
drawable-hdpippi=240-320density=1.572*72
drawable-xhdpippi=320-480density=296*96
drawable-xxhdpippi=480-640density=3144*144
drawable-xxxhdpippi=640-800density=4192*192
* 小规律:比值(各种屏幕密度的比值) 
ldpi:mdpi:hdpi:xhdpi:xxhdpi:xxxdpi = 0.75:1:1.5:2:3:4 = 3:4:6:8:12:16
, 
这个比值乘以12就得到对应屏幕密度手机桌面icon图标大小


Android手机常见尺寸和对应分辨率

摘自网络,有待验证。
4:3尺寸对应分辨率
VGA640*480 (Video Graphics Array)-
QVGA320*240 (Quarter VGA)-
HVGA480*320 (Half-size VGA)mdpi
SVGA800*600 (Super VGA)-
5:3尺寸对应分辨率
WVGA800*480 (Wide VGA)hdpi
16:9尺寸对应分辨率
FWVGA854*480 (Full Wide VGA)hdpi
HD1920*1080 High Definition-
QHD960*540hdpi
720p1280*720xhdpi
1080p1920*1080xxhdpi

部分Android测试机分析

在项目开发过程中,遇到屏幕很大的手机,结果显示的图标却很小,和预期不一致,例如华为机型MT1-U06。
原因是:真机屏幕的ppi会取和谷歌标准最相近的标准ppi,然后density按照最相近的ppi来定。


以谷歌的标准,按安卓屏幕宽度为例,一般来说480px对应的density是1.5(也就是hdpi)对应320dp,720px对应的density是2.0(也就是xhdpi)对应360dp,1080px对应的density是3.0(也就是xxhdpi)对应360dp;

如果非要拿屏幕ppi说事的话,就是这样,以160ppi为基准,160ppi对应的density是1.0,240ppi对应的density是1.5,320ppi对应的density是2.0…

部分机型屏幕尺寸、分辨率计算:
一加A1001 ,主屏尺寸:5.5英寸,1920×1080像素,测试为xxdpi 
ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 = √(1920² + 1080²) / 5.5 =√ 3686400 + 1166400 /5.5 = √ 4852800 /5.5 = 2202.9 /5.5 =440.6
density = dpi/160 = 440.6/160 = 2.75
就近原则,对应dpi为xxdpi,与测试结果一致

Nexus 5,屏幕尺寸是4.95英寸,分辨率是1920×1080像素(FHD),测试为xxdpi 
ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 =2202.9 /4.95 =445
density = dpi/160 = 445/160 = 2.78
同理,就近原则,对应dpi为xxdpi,与测试结果一致

红米note2 ,主屏:5.5英寸,1920x1080像素,但是测试时选择了xdpi 
ppi同一加A1001,本应选择xxdpi,测试却是xdpi
所以,有
不确定性


华为MT1-U06,屏幕6.1英寸(机身尺寸:64.8*129*7.69mm),像素1280×720px;对应hdpi 
ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 = √(1280² + 720²) / 6.1 =√ 1638400 + 518400 /6.1 = √ 2156800 /6.1 = 1468.6 /6.1 =240.75
density = dpi/160 = 240.75 /160 = 1.5
这个数值,刚刚好是hdpi!

三星galaxy s4 ,主屏:5英寸,1920x1080像素,xxdpi 
ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 =2202.9 /5 =440.6
density = dpi/160 = 440.6/160 = 2.75
同理,就近原则,对应dpi为xxdpi,与测试结果一致

回到本节开头的疑惑

所以,你以为那么大屏幕怎么着是xxhdpi,结果呢?人家只是hdpi。。。所以,屏幕大,真心说明不了神马啊

补充.9图的使用说明

9.png格式的图片是Android平台上新创的一种被拉伸却不失真的东东。

.9格式的图片占用资源很小,一般一个几KB或者几十KB的图片会变成几百个字节,有利于节省流量和提高加载速度。 注意图片尺寸定义: .9格式的图片四周不普通的png图片相比多了一个像素位的白色区域,该区域只有在图片被还原和制造的时候才能看到,当打包后无法看见,并且图片的总像素会增大2个像素,比如23x23像素的9.png图片被打包后会变成25x25像素。所以我们在制作的时候要注意掌握尺寸。

.9图上下左右黑边的含义: 

上黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域; 

左黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域; 

右黑色条位置向左覆盖的区域表示图片纵向显示内容的区域; 

下黑色条位置向上覆盖的区域表示图片横向显示内容的区域; 

四角没有黑色条的位置覆盖的区域是图片拉伸时保持不变(如果图片的四角为弧形时,四角弧形均不变)。 

简言之,上和左控制拉伸,必须设置;右和下控制内部显示区域,可选。

[1]: http://m.blog.csdn.net/blog/chuangzaozhe1/28610941 android常见分辨率(mdpi/ hdpi/ xhdpi/ xxhdpi)屏幕适配,2014-6-5 

[2]: http://www.cocoachina.com/android/20151030/13971.html Android屏幕适配全攻略(最权威的官方适配指导),2015-10-30 

[3]: http://zhuanlan.zhihu.com/zhezhexiong/19565895 [无线手册-4] dp、sp、px傻傻分不清楚[完整] ,2013年,折折熊 

[4]: http://blog.csdn.net/shimiso/article/details/29826073 Android视觉规范-间距规范与文字规范单位换算(dip、sp与px),2014-06-10 

[5]: https://www.zhihu.com/question/33312136/answer/56502383 网上流传的dp、px换算公式是正确的吗?2015-7-26 

[6]: http://www.it165.net/pro/html/201509/54281.html 最清晰的Android多屏幕适配方案,soaringEveryday,2015-09-24 

[7]:http://www.cnblogs.com/lianghui66/archive/2013/01/08/2850581.html Android .9文件

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐