原地址:http://blog.csdn.net/ttkatrina/article/details/50623043
Android屏幕适配
目录:
在实际开发过程中,会遇到不同的机型,为了让控件和布局要在不同屏幕上显示相近的样子,就得在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-ldpi | ppi=120-160 | density=0.75 | 36*36 |
drawable-mdpi | ppi=160-240 | density=1(baseline) | 48*48 |
drawable-hdpi | ppi=240-320 | density=1.5 | 72*72 |
drawable-xhdpi | ppi=320-480 | density=2 | 96*96 |
drawable-xxhdpi | ppi=480-640 | density=3 | 144*144 |
drawable-xxxhdpi | ppi=640-800 | density=4 | 192*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 | 尺寸 | 对应分辨率 |
---|---|---|
VGA | 640*480 (Video Graphics Array) | - |
QVGA | 320*240 (Quarter VGA) | - |
HVGA | 480*320 (Half-size VGA) | mdpi |
SVGA | 800*600 (Super VGA) | - |
5:3 | 尺寸 | 对应分辨率 |
WVGA | 800*480 (Wide VGA) | hdpi |
16:9 | 尺寸 | 对应分辨率 |
FWVGA | 854*480 (Full Wide VGA) | hdpi |
HD | 1920*1080 High Definition | - |
QHD | 960*540 | hdpi |
720p | 1280*720 | xhdpi |
1080p | 1920*1080 | xxhdpi |
部分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…
部分机型屏幕尺寸、分辨率计算:
- 三星Note5 ,主屏尺寸:5.7英寸,2560×1440像素,测试为xxdpi
- ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 = √(2560² + 1440²) / 5.7=√ 6553600 + 2073600 /5.7 = √ 8627200 /5.7 = 2937.2 /5.7 =515.3
- density = dpi/160 = 515.3/160 = 3.22
- 摩托诺拉Nexus6 ,主屏尺寸:5.96英寸,2560×1440像素,测试为xxdpi
- ppi = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数 = √(2560² + 1440²) / 5.96 =√ 6553600 + 2073600 /5.96 = √ 8627200 /5.96 = 2937.2 /5.96 =492.8
- density = dpi/160 = 492.8/160 = 3.08
- 一加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文件