Android屏幕适配

来源:互联网 发布:淘宝店铺宝贝分类代码 编辑:程序博客网 时间:2024/06/15 04:45

在学习屏幕适配之前,先了解下几个概念:
1. px
是英文单词pixel的缩写,意为像素,屏幕上的点。我们通常所说的分辨率如480X800就是指的像素。
2. in
表示英寸,是屏幕的物理尺寸。每英寸等于2.54厘米。例如我们经常说的手机屏幕大小有,5(英)寸、4(英)寸就是指这个单位。这些尺寸是屏幕的对角线长度。如果手机的屏幕是4英寸,表示手机的屏幕(可视区域)对角线长度是4 X 2.54 = 10.16厘米。
3. dpi
dpi是Dots Per Inch的缩写, 每英寸点数,即每英寸包含像素个数。比如320X480分辨率的手机,宽2英寸,高3英寸, 每英寸包含的像素点的数量为320/2=160dpi(横向)或480/3=160dpi(纵向),160就是这部手机的dpi,横向和纵向的这个值都是相同的,原因是大部分手机屏幕使用正方形的像素点。
4. density
屏幕密度,density和dpi的关系为 density = dpi/160
5. dp
也即dip,设备独立像素,device independent pixels的缩写,Android特有的单位,在屏幕密度dpi = 160屏幕上,1dp = 1px。
6. sp
和dp很类似,一般用来设置字体大小,和dp的区别是它可以根据用户的字体大小偏好来缩放。

    了解了以上几个概念以后我们来分析下android项目中与屏幕适配相关联的drawable资源。

Android Drawable
我们新建一个Android项目后应该可以看到很多drawable文件夹,分别对应不同的dpi

drawable-ldpi (dpi=120, density=0.75)
drawable-mdpi (dpi=160, density=1)
drawable-hdpi (dpi=240, density=1.5)
drawable-xhdpi (dpi=320, density=2)
drawable-xxhdpi (dpi=480, density=3)

市面上的android应用大都为每种dpi都提供一套图片,这固然是一种解决方法,但同时也是一种笨方法,这样不仅大大增加美工的工作量不说,还会使得apk包变得很大。那么我们有没有办法只使用一套图片资源做到屏幕适配呢?答案是有!

当我们的手机dpi为160时,图片资源对应drawable-mdpi(dpi=160, density=1),开始运行程序时android SDK会优先去drawable-mdpi下查找我们需要的资源图片,设想若此时drawable-mdpi下有该图片且大小为120×120px,而drawable-xhdpi (dpi=320, density=2)下也有该图片-其大小应该为240×240px,这样应用程序在分辨率分别为mdpi和xhdpi 的手机屏幕上显示的大小是一样的(mdpi的手机上图片大小为0.75in × 0.75in–120/160=0.75; xhdpi 的手机上图片大小同样是0.75in × 0.75in–240/320=0.75,其实这也好理解,像素高的图片在高分辨率手机上显示不会比在低分辨率手机上大是因为高分辨率手机的像素密度高,即同样物理尺寸下高分辨率手机像素更多一些)。

在上面的假设中,如果只有drawable-mdpi下有图片(大小120 × 120px)的时候会怎么样呢?此时我们将程序运行在mdpi分辨率的手机上大小为预料的一般,即0.75in × 0.75in,那么当我们将程序运行在xhdpi分辨率的手机上的时候图片又该是多大呢?从上面我们知道mdpi的设备优先会去xhdpi文件夹里查找图片,但是没找到,最后在mdpi文件夹下找到,然后会自动根据density比值计算并缩放显示出来,实际显示出来的图片大小是120×2=240px, 故图片在xhdpi分辨率的手机上显示大小约为0.75in × 0.75in,这里我们可以想象一张原本是120px×120px的图片我们给它拉伸到240px × 240px显示出来会导致图片的清晰度很差从而影响客户体验。

而如果我们的图片资源只有drawable-xhdpi下有图片(大小为240 ×240px)的时候又会是什么样的呢?我们同样可以通过计算得出:首先在xhdpi的手机上会优先去xhdpi文件夹里查找图片,顺利的找到后显示的图片大小应该为240 ×240px,在屏幕上显示的尺寸为0.75in × 0.75in; 然后将程序运行在mdpi的手机上时,根据density比值计算并缩放显示出来之后,实际显示出来的图片大小是120×120px,占屏幕尺寸同样是0.75in × 0.75in,这里我们是将原本很清晰的一张图片清晰度缩小一半再显示在分辨率不是很高的设置上,此时我们看到的显示效果并不会打折扣。

总的来说就是程序在查找图片时会优先寻找分辨率或者dpi匹配的drawable资源文件夹下的图片,当只有分辨率较低的drawable资源文件夹下有该图片时,就将该图片进行像素填充再显示在手机屏幕上(这样势必会造成图片的模糊);而当只有更高分辨率的drawable资源文件夹下有该图片时,就将该图片缩减像素再显示在设备上,而对于该设备来说该图片已经够清晰了,故显示不会打折扣。

其实理解了dpi和density的概念后理解这点并不难。
因此,在以后的项目开发中,我们只需要在drawable-xhdpi下放置一套图片资源即可让程序漂亮的运行在所有手机上

原创粉丝点击