关闭

Android快速掌握dp和px

225人阅读 评论(0) 收藏 举报
分类:











程序猿与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
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:48161次
    • 积分:1018
    • 等级:
    • 排名:千里之外
    • 原创:45篇
    • 转载:46篇
    • 译文:0篇
    • 评论:7条