Android快速掌握dp和px

转载 2015年11月18日 16:05:12











程序猿与UI设计妹讨论设计稿和切图的时候,经常会因为dp和px的问题搞的不愉快,这里可以分析出两个原因:

1,程序猿原因,不懂dp和px的换算关系。包括我,以及我见到的大多数开发,更多的时候其实不是很关心dp和px是如何来的,以及如何转换的,只知道掌握一般情况用dp,字体大小用sp,画线用px。

2,设计妹原因,设计不出dp标注,或者甚至就不懂dp是什么东东。大多数公司并不会为Android专门做一套设计稿,只会出一版iOS设计稿,而iOS的设计稿都是用px去标注的,又因为上面的第一个原因,Android程序猿也搞不明白标注的px应该用多少dp。

下面我们就用简单的方式去增进程序猿和设计妹感情吧!

首先,我们要了解这张图:
\
这里面列举了目前Android开发常见的5种dpi,dpi是指每英寸的像素(例如:一个宽是1.5英寸240像素,高是2英寸320像素的手机的dpi是:240px/1.5in=320px/2in=160dpi,既对角线上的每英寸的像素),上面这张表里还少一种,就是LDPI,是MDPI的0.75倍,也就是120DPI。

下面这张图是各种dpi对应的主流手机屏幕:
\

请按照图中下方的公式,分别计算一下屏幕dpi。在mdpi中,dp/pixel = DPI/160,即1dip等价于DPI为160的设备中的1个像素点。那么在xhdpi 320dpi中,就是1dp等价于2像素(再次强调,一定用计算器算一算啊,还有dpi是对角线上的像素密度)。

一般情况设计妹出的图会是xhdpi,既能照顾iOS,又会照顾到Android。既然是xhdpi,我们就可以用1dp=2px来应对设计妹的标注。如果不是xhdpi的图,你也可以按照这个0.75:1:1.5:2:3:4这个比例去换算一下。

帮到这里了,剩下的还得看你的修为了。

下面我再给出几个常用的值:
Launcher icon:48dp*48dp
Action bar icons:32dp*32dp
Small icons:16dp*16dp
Notification icons:24dp*24dp
如果这些你还不满意,再给你来张图,包你满意:
\

 

------------------------------------------------------------------------------------------

在xml布局文件中,我们既可以设置px,也可以设置dp(或者dip)。一般情况下,我们都会选择使用dp,这样可以保证不同屏幕分辨率的机器上布局一致。但是在代码中,如何处理呢?很多控件的方法中都只提供了设置px的方法,例如setPadding,并没有提供设置dp的方法。这个时候,如果需要设置dp的话,就要将dp转换成px了。

以下是一个应用类,方便进行px和dp之间的转换。

  1. import android.content.Context;  
  2.   
  3. public class DensityUtil {  
  4.   
  5.     /** 
  6.      * 根据手机的分辨率从 dp 的单位 转成为 px(像素) 
  7.      */  
  8.     public static int dip2px(Context context, float dpValue) {  
  9.         final float scale = context.getResources().getDisplayMetrics().density;  
  10.         return (int) (dpValue * scale + 0.5f);  
  11.     }  
  12.   
  13.     /** 
  14.      * 根据手机的分辨率从 px(像素) 的单位 转成为 dp 
  15.      */  
  16.     public static int px2dip(Context context, float pxValue) {  
  17.         final float scale = context.getResources().getDisplayMetrics().density;  
  18.         return (int) (pxValue / scale + 0.5f);  
  19.     }  
  20. }  

http://www.2cto.com/kf/201501/372699.html
http://blog.csdn.net/arui319/article/details/6777133

Android程序猿如何泡设计妹之快速掌握dp和px才可以

相信很多Android程序猿已经对身边的设计妹垂涎三尺了,那么如何博得设计妹的好感呢,学好这篇文章就可以了。 程序猿与UI设计妹讨论设计稿和切图的时候,经常会因为dp和px的问题搞的不愉快,这里可以分...

Android dp和px/sp等单位相互转换

  • 2015年12月28日 13:56
  • 6KB
  • 下载

不写代码,快速实现px转换成dp

有很多朋友在实际的工作中,会遇到设计同事给了一张设计图,上面只有px标注的距离和尺寸。产品看到设计稿后,就拿给iOS和Android的开发,说就按这个做。iOS开发可能还好,虽然也有9种屏幕,但那毕竟...

android dp和px之间转换

  • 2016年07月03日 09:57
  • 621B
  • 下载

Android 的px到DP的转换工具

  • 2012年07月31日 10:58
  • 9KB
  • 下载

Android中dp,px,sp概念梳理以及如何做到屏幕适配

今天又开始我的App开发,因为之前一直做的是SDK,所以涉及到界面UI很少,ga

Android之px 与 dp, sp换算公式

PPI = Pixels per inch,每英寸上的像素数,即 "像素密度" xhdpi: 2.0hdpi: 1.5mdpi: 1.0 (baseline)ldpi: 0.75 drawable...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android快速掌握dp和px
举报原因:
原因补充:

(最多只允许输入30个字)