【原创】多dpi适配的新姿势

多dpi适配的新姿势


1. 简介

      Android中经常要通过ImageView进行图片资源显示。在加载图片时,首先要考虑的两个因素就是体验问题和性能问题。

      其中,体验问题是指图片显示的是否正确(例如Universal-Image-Loader在适配Adapter图片资源时会导致图片显示错位),图片显示尺寸是否合适,分辨率是否合适等。本文重点介绍ImageView加载图片中的显示问题。

2. 问题

      在开发的过程中,一般会将不同分辨率的图片放置在不同的文件夹中,例如将三种同样内容不同分辨率的图片分别放置在drawable-xhdpi,drawable-xxhdpi和drawable-xxxhdpi中。那么,为什么要放置不同分辨率的图片,只放置一张对图片的显示有影响吗?本文中将对这个问题进行分析。

3. 概念描述

      首先,图片对内存的占用是一个叠加的过程,也就是说图片资源不是及时释放的,使用过的图片在回收过程中可能会有一定程度的延迟。此外,很多时候图片所依附的Activity是出于当前Activity栈底的状态,再GC回收过程,这样的bitmap资源会被认为是活跃状态的,不会被Android系统回收。

      另外一方面,Android中图片加载到内存中的内存占用跟图片的实际大小没有直接的关系,甚至于图片的实际像素尺寸也没有直接的关系。

      在这里,首先要介绍几个概念:

  • 屏幕尺寸:指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米;
  • 屏幕分辨率:指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素,如1960*1080;
  • 屏幕像素密度:是指每英寸上的像素点数,单位是dpi,即"dot per inch"的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小;
  • dp/dip:Density Independent Pixels, 密度无关像素的缩写;
  • px:像素,物理上的绝对单位
  • sp:Scale-Independent Pixels的缩写

      一般而言,会有控件使用dp而文字使用sp的说法,但是也不尽然,sp会随着系统文字大小进行拉伸,而dp不会,再具体使用过程中还是要根据实际情况进行使用。

 

4. 多dpi适配

      图像资源的多dpi适配,就是要在在不同的dpi文件夹中放置不同尺寸的图像资源,供设备自动跳转要显示的资源。以mdpi为尺寸基准1x,借一张很经典的图,多dpi适配可以表示如下:

                                                图1. 多dpi资源适配

      Android系统寻找图片的步骤是这样的:

  1. 去屏幕密度对应的目录去找。如果找到就拿来用。

  2. 如果没找到,就去比这个密度高一级的目录里面去找,如果找到就拿来用。

  3. 如果没找到就继续往上找。以此类推。

  4. 如果到了xxhdpi目录还没有找到的话,就会去比自身屏幕密度低一级的目录去找,如果低一级的目录>=hdpi,找到了就拿来用。

  5. 如果没找到,就去mdpi目录去找,如果找到了,就拿来用。

  6. 如果没找到,就去默认的drawble目录里去找,如果找到了就拿来用。

  7. 如果没找到,再去最低的ldpi目录里去找。如果找到了,就拿来用。

  8. 如果没找到,那就是没找到了,图片无法显示。(不过一般不会出现这种现象,因为如果每个目录都没有这个图片的话,你是编译不过的)

      如果不是在对应目录里面找到的图片资源,要根据实际使用情况,进行显示,根据显示模式的不同,主要有以下两种情况:

(1). MeasureSpec.EXACTLY

      这种情况下,图片的布局规则为match_parent或者是具体大小的数值(如layout_width =60dp, layout_height=60dp),这种情况下,图片的显示尺寸是固定的,所以显示的大小不会因为所在的资源文件夹dpi的不同而有所变化;例如图片A(尺寸60*60 大小2.02K)分别放置在xxhdpi文件夹和mdpi文件夹(Target Density),尺寸设置为layout_width =60dp, layout_height=60dp,显示分别如下:

       

           (a). mdpi文件夹下的显示                                                  (b). xxhdpi文件夹下的显示

                             图2. Exactly模式下图像在不同Target Density下的显示

(2). MeasureSpec.AT_MOST

      这种情况下,图片的布局规则为wrap_content。系统会根据图像内容的实际大小进行显示。同一张图片放在不同文件夹显示大小会有所不同,具体而言,同一张图像资源放置在mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi(Target Density)里面,显示的大小比较分别为:2:3:4:6:8

      例如wrap_content布局下,分别将同一张图像A(尺寸60*60 大小2.02K)放置在xxhdpi和hdpi资源文件夹中,显示效果如下:

  

                           (a). hdpi文件夹下的显示                                           (b). xxhdpi文件夹下的显示

                                              图3. At Most模式下图像在不同Target Density下的显示

      但是,在进行多dpi适配的时候,本身放置在mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi里面的图像资源尺寸比较就是2:3:4:6:8(Source Density),二者完美抵消,所以当前模式下,只放置一张合适尺寸的图像资源在一个合适的文件夹(Target Density)里面,不会影响不同尺寸设备的显示效果

      例如wrap_content布局下,分别将分别将同一张图像A(尺寸60*60 大小2.02K)和图像B(尺寸30*30 大小2.02K)放置在xxhdpi和hdpi资源文件夹中,显示效果如下:

 

                               (a).图像资源A的显示                                                      (b). 图像资源B的显示

                             图4. At Most模式下图像在等比例Target Density和Source Density下的显示

5. 总结

      在不同显示模式下,考虑到Exactly模式下图像资源的显示尺寸的固定性,以及At Most模式下Source Density和Target Density的抵消性,如果放置一张合适尺寸的图片资源在合适的文件夹,是可以实现不同设备的多dpi适配(显示的尺寸正常)。考虑到分辨率和使用率的问题,建议保留xxhdpi文件夹下的图像资源。

      这种方法可以在只保留一种dpi尺寸图像的情况下,实现对不同机型的图像显示适配,从而可以有效的压缩apk的尺寸。结合之前的一篇博文加载一张图片到ImageView到底占据多少内存,可以发现只保留一份合适dpi的图像的情况下,运行过程中,加载图像到内存中的内存占用也是一样的。也就是说,在功能和性能上讲,只保留一种dpi的图像,是可以完成多dpi适配的。

     但是,凡事都有但是。这种dpi适配的方式有两个问题:

     (1). 只保留一张图片,在进行多dpi适配的时候,有可能会造成图像显示分辨率过低,导致体验性问题。这种情况,一般会在低dpi图像(Source Density)到高dpi机型(Target Density)适配的时候会出现;

     (2). 在进行bitmap图像尺寸换算的时候,计算过程中,会造成内存和cpu的额外开销,这在低配机型上,有可能会在频繁地降采样过程中,导致OOM。

     以上两点要重点关注。

     当然,如果要是做某款特定机型的预制应用,那么,毫无疑问,直接保留一种dpi的图片资源。

6. 参考文献

  1. http://www.cnblogs.com/zhwl/archive/2013/06/12/3132722.html

  2. http://blog.csdn.net/skykingf/article/details/45536143

  3. http://www.itnose.net/detail/6614353.html

posted @ 2017-05-28 01:13  Charles04  阅读(362)  评论(1编辑  收藏  举报