两分钟理解Android中PX、DP、SP的区别

两分钟理解Android中PX、DP、SP的区别

2017年08月29日 16:52:58  阅读数:15702

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/donkor_/article/details/77680042

转载请标明出处:http://blog.csdn.net/donkor_/article/details/77680042

前言: 
众所周知,Android厂商非常多,各种尺寸的android手机、平板层出不穷。导致了Android生态环境的碎片化现象越来越严重。Google公司为了解决分辨率过多的问题,在Android的开发文档中定义了px、dp、sp,方便开发者适配不同分辨率的Android设备。对于初级程序员来说理解掌握适配的一些基础知识是必须的。

▲ 基础概念 :

px : 其实就是像素单位,比如我们通常说的手机分辨列表800*400都是px的单位 
sp : 同dp相似,还会根据用户的字体大小偏好来缩放 
dp : 虚拟像素,在不同的像素密度的设备上会自动适配 
dip: 同dp

▲ 举个栗子 : px与dp 
pixel,即像素,1px代表屏幕上的一个物理的像素点。但px单位不被建议使用。因为同样像素大小的图片在不同手机显示的实际大小可能不同。要用到px的情况是需要画1像素表格线或阴影线的时候,如果用其他单位画则会显得模糊。

要理解dp,首先要先引入dpi这个概念,dpi全称是dots per inch,对角线每英寸的像素点的个数,所以,它的计算公式如下:

 

dpi=height2+width2−−−−−−−−−−−−−−√sizedpi=height2+width2size

 

比如height和width即为长宽的像素,平方和即为对角线的像素个数,size即我们常说的5寸手机、4寸手机中的5和4,即对角线的长度。 
所以,一样是5寸的手机,分辨率越高,dpi越高。分辨率相同,屏幕对角线英寸数越小,dpi越高。

而dp也叫dip,是device independent pixels。设备不依赖像素的一个单位。在不同的像素密度的设备上会自动适配,比如: 
在320x480分辨率,像素密度为160,1dp=1px 
在480x800分辨率,像素密度为240,1dp=1.5px 
计算公式:px = dp * (dpi/160)

我们做个简单的Sample验证一下,如下,一个布局代码

<span style="color:#000000"><code>    <span style="color:#006666 !important"><<span style="color:#4f4f4f !important">Button
</span>        <span style="color:#4f4f4f !important">android:layout_width</span>=<span style="color:#009900 !important">"150px"</span>
        <span style="color:#4f4f4f !important">android:layout_height</span>=<span style="color:#009900 !important">"wrap_content"</span>
        <span style="color:#4f4f4f !important">android:text</span>=<span style="color:#009900 !important">"Test px"</span> /></span>
    <span style="color:#006666 !important"><<span style="color:#4f4f4f !important">Button
</span>        <span style="color:#4f4f4f !important">android:layout_width</span>=<span style="color:#009900 !important">"150dp"</span>
        <span style="color:#4f4f4f !important">android:layout_height</span>=<span style="color:#009900 !important">"wrap_content"</span>
        <span style="color:#4f4f4f !important">android:text</span>=<span style="color:#009900 !important">"Test dp"</span> /></span></code></span>

在480*800分辨率中,3.7屏幕对角线英寸数的设备效果图如下 

在480*800分辨率中,5.1屏幕对角线英寸数的设备效果图如下 

▲ 由此可以看出使用px作为单位的,在不同的设备中会显示不同的效果。使用dp作为单位的,会根据不同的设备进行转化,适配不同机型。所以建议在长度宽度的数值使用dp作为单位。

▲ 再举个栗子 : dp与sp 
既然我们在上面说了,dp可以自动适配设备机型,那在字体里是否也同样可行?我们再做个简单的Sample验证一下,如下,一个布局代码

<span style="color:#000000"><code>    <span style="color:#006666 !important"><<span style="color:#4f4f4f !important">TextView
</span>        <span style="color:#4f4f4f !important">android:layout_width</span>=<span style="color:#009900 !important">"wrap_content"</span>
        <span style="color:#4f4f4f !important">android:layout_height</span>=<span style="color:#009900 !important">"wrap_content"</span>
        <span style="color:#4f4f4f !important">android:text</span>=<span style="color:#009900 !important">"Test dp"</span>
        <span style="color:#4f4f4f !important">android:textSize</span>=<span style="color:#009900 !important">"20dp"</span> /></span>
    <span style="color:#006666 !important"><<span style="color:#4f4f4f !important">TextView
</span>        <span style="color:#4f4f4f !important">android:layout_width</span>=<span style="color:#009900 !important">"wrap_content"</span>
        <span style="color:#4f4f4f !important">android:layout_height</span>=<span style="color:#009900 !important">"wrap_content"</span>
        <span style="color:#4f4f4f !important">android:text</span>=<span style="color:#009900 !important">"Test sp"</span>
        <span style="color:#4f4f4f !important">android:textSize</span>=<span style="color:#009900 !important">"20sp"</span> /></span></code></span>

在480*800分辨率中,3.7屏幕对角线英寸数的设备效果图如下 

在480*800分辨率中,3.7屏幕对角线英寸数的设备下,我们修改手机系统字体大小,得到效果图如下 

▲ 由此可以看出使用sp作为字体大小单位,会随着系统的字体大小改变,而dp作为单位则不会。所以建议在字体大小的数值要使用sp作为单位

▲ 拓展 
提供一个工具类:dp与px值转换

<span style="color:#000000"><code><span style="color:#000088 !important">public</span> <span style="color:#000088 !important">class</span> <span style="color:#4f4f4f !important">DensityUtil</span> {

    <span style="color:#880000 !important">/**
     * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
     */</span>
    <span style="color:#000088 !important">public</span> <span style="color:#000088 !important">static</span> <span style="color:#000088 !important">int</span> <span style="color:#009900 !important">dp2px</span>(Context context, <span style="color:#000088 !important">float</span> dpValue) {
        <span style="color:#000088 !important">final</span> <span style="color:#000088 !important">float</span> scale = context.getResources().getDisplayMetrics().density;
        <span style="color:#000088 !important">return</span> (<span style="color:#000088 !important">int</span>) (dpValue * scale + <span style="color:#006666 !important">0.5</span>f);
    }

    <span style="color:#880000 !important">/**
     * 根据手机的分辨率从 px(像素) 的单位 转成为 dp
     */</span>
    <span style="color:#000088 !important">public</span> <span style="color:#000088 !important">static</span> <span style="color:#000088 !important">int</span> <span style="color:#009900 !important">px2dp</span>(Context context, <span style="color:#000088 !important">float</span> pxValue) {
        <span style="color:#000088 !important">final</span> <span style="color:#000088 !important">float</span> scale = context.getResources().getDisplayMetrics().density;
        <span style="color:#000088 !important">return</span> (<span style="color:#000088 !important">int</span>) (pxValue / scale + <span style="color:#006666 !important">0.5</span>f);
    }
}</code></span>

About me 
Email :donkor@yeah.net 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值