概述
可能大家都知道,一款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)有多少点。来举个栗子
在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
网友评论