[摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

站长公众号

前言

最近因为一个紧急的项目,客户要求摘他另外一个客户的样机,为了赶进度,我们通过反编译样机中的应用,获取UI和布局等。

但,做出来后,效果总感觉有些不一样,比如显示的字体大小。

最后发现,我们调试的样机分辨率虽然跟样机一样,但密度不一样。

客户的样机:240dpi

我们的设备:160dpi

获取设备密度命令:

adb shell wm density

本文摘抄,来源看文章末尾

正文

基本概念

  • dip : Density independent pixels ,设备无关像素。
  • dp :就是dip
  • px : 像素
  • dpi :dots per inch , 直接来说就是一英寸多少个像素点。常见取值 120,160,240。我一般称作像素密度,简称密度
  • density : 直接翻译的话貌似叫 密度。常见取值 1.5 , 1.0 。和标准dpi的比例(160px/inc)
  • 分辨率 : 横纵2个方向的像素点的数量,常见取值 480X800 ,320X480
  • 屏幕尺寸: 屏幕对角线的长度。电脑电视同理。
  • 屏幕比例的问题。因为只确定了对角线长,2边长度还不一定。所以有了4:3、16:9这种,这样就可以算出屏幕边长了。

应用

在android里面,获取一个窗口的metrics,里面有这么几个值

 metrics.density; 
 metrics.densityDpi;

densityDpi : 就是我们常说的dpi。

density : 其实是 DPI / (160像素/英寸) 后得到的值。是不是有点奇怪,因为我带了单位。。。这个涉及到后面一个比较重要的东西,后面再说。

从上面就看得出了,DPI本身的单位也是 像素/英寸,所以density其实是没单位的,他就是一个比例值。

而dpi的单位是 像素/英寸,比较符合物理上面的密度定义,密度不都是单位度量的值么,所以我更喜欢把dpi叫像素密度,简称密度,density还是就叫density。

各单位间转换

计算dpi

比如一个机器,屏幕4寸,分辨率480X800,他的dpi能算么。

因为不知道边长,肯定不能分开算,4是对角线长度,那直接用勾股定理算对角线像素,除以4,算出来大概是 dpi = 233 像素/英寸。

那么density就是 (233 px/inch)/(160 px/inch)=1.46 左右

其中的default就是160。

计算 dp 与 px

我们写布局的时候,肯定还是要知道1个dp到底有多少px的。

换算公式如下: dp = (DPI/(160像素/英寸))px = density px

注意,这里都是带单位的。px是单位,dp是单位,density没单位。

为了方便,假设dpi是240 像素/英寸 , 那么density就是1.5

那么就是 dp=1.5px ,注意这是带了单位的,也就是 设备无关像素 = density 像素

那么转换为数值计算的话,应该是下面这个式子

PX = density * DP

也就是像素值 = density * 设备无关像素值 ,请注意这里有个值字。

为啥 标准dpi = 160

(1)Android Design [1] 里把主流设备的 dpi 归成了四个档次,120 dpi、160 dpi、240 dpi、320 dpi

实际开发当中,我们经常需要对这几个尺寸进行相互转换(比如先在某个分辨率下完成设计,然后缩放到其他尺寸微调后输出),一般按照 dpi 之间的比例即 2:1.5:1:0.75

来给界面中的元素来进行尺寸定义。

也就是说如果以 160 dpi 作为基准的话,只要尺寸的 DP 是 4 的公倍数,XHDPI 下乘以 2,HDPI 下乘以 1.5,LDPI 下乘以 0.75 即可满足所有尺寸下都是整数 pixel 。

但假设以 240 dpi 作为标准,那需要 DP 是 3 的公倍数,XHDPI 下乘以 1.333,MDPI 下乘以 0.666 ,LDPI 下除以 2

而以 LDPI 和 XHDPI 为基准就更复杂了,所以选择 160 dpi

(2)这个在Google的官方文档中有给出了解释,因为第一款Android设备(HTC的T-Mobile G1)是属于160dpi的。

示例分析

屏幕尺寸(screen size)

就是我们平常讲的手机屏幕大小,是屏幕的对角线长度,一般讲的大小单位都是英寸。

比如iPhone5S的屏幕尺寸是4英寸。Samsung Note3是5.7英寸。

[摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

像素(pixel)

想像把屏幕放大再放大,对!看到的那一个个小点或者小方块就是像素了。

[摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

分辨率(Resolution)

是指屏幕上垂直方向和水平方向上的像素个数。

比如iPhone5S的分辨率是1136 * 640;Samsung Note3的分辨率是1920 * 1080;

[摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

dpi

是dot per inch的缩写,就是每英寸的像素数,也叫做屏幕密度。这个值越大,屏幕就越清晰。

iPhone5S的dpi是326; Samsung Note3 的dpi是386

[摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

dip

是Density independent pixel的缩写,指的是抽象意义上的像素。跟设备的屏幕密度有关系。

它是Android里的一个单位,dip和dp是一样的。

就是说在160dpi的屏幕上,1dip=1px。

它跟屏幕密度有关,如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px。

为什么我们在布局的时候最好要用dip,不要用px?

是因为这个世界上存在着很多不同屏幕密度的手机,屏幕密度是什么?就是dpi,就是单位长度里的像素数量。

想象一下,如果这些手机的尺寸一样,屏幕密度相差很大,那么是不是说一个手机水平方向上像素很少,另一个手机水平方向上像素很多?那我们画同样pix数量的时候,它显示的长度不就会不一样了?

比如下面图中的两个手机,同时设置2px长度的Button,在屏幕密度较高的手机里就会显示的比较小。

而同时设置的2dip长度的Button,在两个手机上显示的大小是一样的。

[摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

参考文章

  1. dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

站长公众号
版权声明:125la.com站长 发表于 2021年5月14日 下午12:04 。
转载请注明: [摘]dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算 | 125啦读书导航

相关文章

站长公众号

暂无评论

暂无评论...