当前位置 娱乐罐头网 > 资讯频道 > 女性情感> 正文标题:px和像素 dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

px和像素 dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

发表日期:2017-1-10 10:14:38 | 来源 :px和像素 | 点击数

densityDpi : 就是我们常说的dpi。

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

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

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

三、各单位间转换1. 计算dpi

比如一个机器,屏幕4寸,分辨率480X800,他的dpi能算么。
因为不知道边长,肯定不能分开算,4是对角线长度,那直接用勾股定理算对角线像素,除以4,算出来大概是 dpi = 233 像素/英寸。
那么density就是 (233 px/inch)/(160 px/inch)=1.46 左右

顺带说下,android默认的只有3个dpi,low、medium和high,对应 120、160、240,如果没有特别设置,所有的dpi都会被算成这3个,具体可以参考下这个帖子
http://android.tgbus.com/Android/tutorial/201103/347176.shtml
其中的default就是160。

2. 计算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 * 设备无关像素值 ,请注意这里有个值字。

3. 为啥 标准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的。

四、 示例分析1. 屏幕尺寸(screen size)

就是我们平常讲的手机屏幕大小,是屏幕的对角线长度,一般讲的大小单位都是英寸。
比如iPhone5S的屏幕尺寸是4英寸。Samsung Note3是5.7英寸。

复制代码

 Button android:layout_width="100px" android:layout_height="100px" android:text="@string/str_button1"/  Button android:layout_width="100dip" android:layout_height="100dip"  android:text="@string/str_button1"/ 
复制代码

显示的界面是这样的:

图 6

getResources().getDisplayMetrics().densityDpi 就是屏幕密度。
getResources().getDisplayMetrics().density 也可以理解为1dip相当于多少个px啦。
上面的dpi是240,1dip=1.5px
你看,100dip的Button是100pxButton的1.5倍长吧。




相关文章 标签:
网友评论跟贴区
评论加载中...

精选图片推荐