分辨率,dpi,dp,与最终显示大小的四角关系

dp_dpi_screen.png

概述


可能大家都知道,一款app要想适配尽可能多的手机,在写布局文件的时候都会使用dp来代替px. 如果遇到需要特别处理的则写在指定文件夹(如:values-sw600dp, values-sw720dp-land)下面的dimens.xml中,但是具体到1dp在屏幕上能显示多大,一张100*100px的图片在不同文件夹(drawable-xhdpi, drawable-xxhdpi)中能显示多大,占用多少内存可能相对较模糊,这篇文章就来讲讲他们之间的关系

概念


在搞清楚他们的关系之前,还是先来这几个名称的概念

分辨率

手机的显示屏上能容纳的像素点。
比如1080*1920(俗称1080p),就是指横向能容纳1080个像素点,纵向能容纳1920个像素点

dpi

是Dots Per Inch的缩写,翻译过来就是每英寸(Inch)有多少点。来举个栗子

AVD.png

在AS里面创建模拟器的时候,会出现上图来选择设备。
其中Size就是指的手机对角线的长度,单位是英寸("),Nexus5为例,对角线上的像素点有:sqrt(1080 * 1080 + 1920 * 1920) = 2202.907,那么对角线上每英寸有的像素点就是:2202.907 / 4.95 = 445.03,那nexus5的dpi就是445.03咯? 其实不是,但是也是
实际上nexus5的dpi就是445.03,但是在android中使用的时候,会根据如下范围标准
support_dpi.png

所以nexus5会显示为xxhdpi(480dpi)

每种通用的密度都涵盖的是密度范围,也就是说2部都是480dpi的手机,其实际的dpi有可能不一样.


actual_density.png
dp

所有的android开发在定义长宽的时候都在使用dp,那么dp到底是什么呢?
要讲清楚这个还得从android历史开始。
第一代 Android 设备 (T-Mobile G1) 的屏幕是采用的HVGA 屏幕(在 Android 1.6 之前,这是 Android 支持的唯一屏幕配置),这个屏幕上1dp=1px,并且是被归为mdpi类型,从此,这个就成为了android的最初始标准。随着不同厂商的加入,越来越多的不同dpi设备出现,于是有了下面这个标准

ldpi | mdpi | hdpi | xhdpi | xxhdpi | xxxhdpi
---|---
0.75px | 1px | 1.5px | 2px | 3px | 4px
这是怎么来的呢?以xxhdpi来说,因为xxhdpi是归为480dpi的一类设备,是原始标准160dpi的3倍,所以1dp就对应3px

T-Mobile G1的硬件参数如下:
屏幕尺寸:3.2 寸(8.1 厘米)
分辨率:320 x 480(HVGA)
计算出dpi = 180.27,所以归为mdpi类

显示大小

就是一个view显示在屏幕上有多大,这个没什么好说的.

小结


要记住上面的关系可能很难,还好可以通过代码来获取值,我们只要记住这几个值是什么意思就可以了。
先来看如何获取dpi

float dpi = context.getResources().
                      getDisplayMetrics().densityDpi;

这个值就会是160.0 240.0 320.0这些值.
那如何获取1dp对应着多少px呢?可以通过如下方式

float scale = context.getResources().
                        getDisplayMetrics().density;

这个值就是0.75 1.0 1.5这些值。
比如在hdpi上,1dp=1.5px,但这其实是占有2个像素的。所以在真正编码的时候会用以下方式来做转换

// The gesture threshold expressed in dp (定义的16dp的值)
private static final float GESTURE_THRESHOLD_DP = 16.0f;
// Get the screen's density scalefinal (获取缩放比例)
 float scale = getResources().density;
// Convert the dps to pixels, based on density scale (定义的值 * 比例 + 0.5f)
mGestureThreshold = (int) (GESTURE_THRESHOLD_DP * scale + 0.5f);

这里加0.5是为了将该数字四舍五入到最接近的整数。

显示大小


那么,同一张图,在不同的文件夹,同一个手机上会有什么表现呢?
以一个144*144px的icon图标(放在drawable-xxxhdpi目录下),在xxhdpi密度的手机为例。用如下代码进行测试

//imageView都是wrap_content属性, src=144*144px的icon图标
ImageView imageView = (ImageView)findViewById(R.id.img);
imageView.post(new Runnable() {
      @Override
      public void run() {
          Log.i("hly", "img: " + imageView.getWidth() + " " + imageView.getHeight());
      }
 });

这里直接给出答案: 108px 【144 * (480 / 640)】
根据该文可以得出,计算公式是:

最终显示像素 = 原始像素 * (显示设备dpi / 放置文件夹对应dpi)

这也就是如果对应文件夹里面没有图片的时候,显示默认图片大小不一致的原因。

总结


也没啥好总结的了,想要熟悉这些关系,需要先记住基准尺寸mdpi- 160dpi。
以上

欢迎关注公众号

qrcode_for_gh_665b92827be4_344.jpg

推荐阅读更多精彩内容