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

概述


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

概念


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

分辨率

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

dpi

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

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有可能不同.
android

actual_density.png

dp

全部的android开发在定义长宽的时候都在使用dp,那么dp究竟是什么呢?
要讲清楚这个还得从android历史开始。
第一代 Android 设备 (T-Mobile G1) 的屏幕是采用的HVGA 屏幕(在 Android 1.6 以前,这是 Android 支持的惟一屏幕配置),这个屏幕上1dp=1px,而且是被归为mdpi类型,今后,这个就成为了android的最初始标准。随着不一样厂商的加入,愈来愈多的不一样dpi设备出现,因而有了下面这个标准express

ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi
0.75px 1px 1.5px 2px 3px 4px

这是怎么来的呢?以xxhdpi来讲,由于xxhdpi是归为480dpi的一类设备,是原始标准160dpi的2.5倍,因此1dp就对应2.5pxapp

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

显示大小

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

小结


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

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
相关文章
相关标签/搜索