在进行UI设计中常会遇到各种数值单位,开始使用时也常搞混,于是搜集了单位解说的文章与大家一同分享

dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。  
px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。  
pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;  
sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。  
由此,根据 google 的建议,TextView 的字号最好使用 sp 做单位,而且查看  TextView  的源码可知 Android 默认使用 sp 作为字号单位。  
在 Android 中,  1pt 大概等于 2.22sp  
以上供参考,如果 UI 能够以 sp 为单位提供设计是最好的,如果设计中没有 sp  的概念,则开发人员也可以通过适当的换算取近似值。

过去,程序员通常以像素为单位设计计算机用户界面。例如,定义一个宽度为300像素的表单字段,列之间的间距为5个像素,图标大小为16×16像素 等。这样处理的问题在于,
如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小。在有些情况下,用户界面可能会小到难以看清 内容。

与分辨率无关的度量单位可以解决这一问题。Android支持下列所有单位。  
px(像素):屏幕上的点。  
in(英寸):长度单位。  
mm(毫米):长度单位。  
pt(磅):1/72英寸。  
dp(与密度无关的像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp = 1px。  
dip:与dp相同,多用于android/ophone示例中。  
sp(与刻度无关的像素):与dp类似,但是可以根据用户的字体大小首选项进行缩放。

针对dip和px 的关系,做以下概述:

QVGA屏density=120                        QVGA(240*320)

HVGA屏density=160                        HVGA(320*480)

WVGA屏density=240                      WVGA(480*800)

WQVGA屏density=120                    WQVGA(240*400)

density值表示每英寸有多少个显示点,与分辨率是两个概念。

不同density下屏幕分辨率信息,以480dip*800dip的 WVGA(density=240)为例:

density=120时

屏幕实际分辨率为240px*400px(两个点对应一个分辨率)

状态栏和标题栏高各19px或者25dip

横屏是屏幕宽度400px 或者800dip,工作区域高度211px或者480dip

竖屏时屏幕宽度240px或者480dip,工作区域高度381px或者775dip

density=160时

屏幕实际分辨率为320px*533px(3个点对应两个分辨率)

状态栏和标题栏高个25px或者25dip

横屏是屏幕宽度533px 或者800dip,工作区域高度295px或者480dip

竖屏时屏幕宽度320px或者480dip,工作区域高度508px或者775dip

density=240时

屏幕实际分辨率为480px*800px(一个点对于一个分辨率)

状态栏和标题栏高个38px或者25dip

横屏是屏幕宽度800px 或者800dip,工作区域高度442px或者480dip

竖屏时屏幕宽度480px或者480dip,工作区域高度762px或者775dip

下面是开发者需要知道的内容,但对于我们设计者也很具参考价值:

apk的资源包中

当屏幕density=240时,使用hdpi 标签的资源

当屏幕density=160时,使用mdpi标签的资源

当屏幕density=120时,使用ldpi标签的资源。

不加任何标签的资源是各种分辨率情况下共用的。

布局时尽量使用单位dip,少使用px。

dp与px换算公式:

pixs=dips * (densityDpi/160)

dips=(pixs*160)/densityDpi

dp与px转换的方法:

public static int dipToPx(Contextcontext, float dipValue) {

final float scale =context.getResources().getDisplayMetrics().density;

return (int) (dipValue * scale+ 0.5f);

}

public static int pxToDip(Contextcontext, float pxValue) {

final float scale =context.getResources().getDisplayMetrics().density;

return (int) (pxValue / scale+ 0.5f);

}

为了使用户界面能够在现在和将来的显示器类型上正常显示,建议大家始终使用sp作为文字大小的单位,将dip作为其他元素的单位。当然,也可以考虑使用矢量图形,而不是用位图。如果 UI 能够以sp为单位提供设计是最好的,如果设计中没有sp的概念,则开发人员也可以通过适当的换算取近似值。

与分辨率无关的度量单位可以解决这一问题。Android支持下列所有单位。

不经常用的其他单位:

pt:point,磅,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;在 Android 中,1pt 大概等于 2.22sp。

in:inches,英寸:长度单位。

Mm:millimeters,毫米:长度单位。

转载于:https://www.cnblogs.com/zerow01/archive/2013/02/25/3344888.html

设计中涉及到的dip、dp、px、sp等单位说明相关推荐

  1. Andriod UI设计之度量单位说明(DIP,DP,PX,SP)

    (一)概念 dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA.HVGA和QVGA 推荐使用这个,不 ...

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

    http://blog.csdn.net/jiangwei0910410003/article/details/40509571 今天又开始我的App开发,因为之前一直做的是SDK,所以涉及到界面UI ...

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

    2019独角兽企业重金招聘Python工程师标准>>> 首先来看一下他们的基本概念: px   :是屏幕的像素点 dp   :一个基于density的抽象单位,如果一个160dpi的 ...

  4. Android 常用布局单位区别(dp、sp、px、pt、in、mm)

    一.简介 Android 在 UI 布局时经常用到一些单位,对单位混用直接会影响 UI 的显示,要想正确的在布局中使用每种单位就必须先真正的熟悉它. UI 显示效果的影响因素:屏幕尺寸.屏幕密度.分辨 ...

  5. 揭秘PPT设计中的逻辑真相

    几乎每个搞PPT培训的老师都在强调"PPT中逻辑"的重要性,正好也有朋友留言说希望我阐述一下逻辑,所以今天我就谈一下逻辑的问题.通过今天的讲解,希望给大家一个较为直观的印象,逻辑并 ...

  6. AXURE在原型设计中的应用

    http://uedc.163.com/2248.html 前言 什么是原型呢? 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些, ...

  7. 响应式设计中怎样布局?

    多栏布局中最大的挑战之一就是确保它能在各种各样的屏幕尺寸下正确工作.为此,提出了响应式网页设计.简单来说,就是开发一个其文本.图像和其他的媒体能够适应任何移动设备.桌面计算机或一些未来设备的浏览器体验 ...

  8. Android中dip、dp、sp、pt和px的区别

    1.概述 过去,程序员通常以像素为单位设计计算机用户界面.例如:图片大小为80×32像素.这样处理的问题在于,如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小.在有些情况 ...

  9. [css] ui设计中px、pt、ppi、dpi、dp、sp之间的关系?

    [css] ui设计中px.pt.ppi.dpi.dp.sp之间的关系? QQ20150717160352 做了几个移动端的项目之后,深感移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: ...

最新文章

  1. 图解Oracle同义词
  2. python的垃圾处理机制_Python语法入门之垃圾回收机制
  3. PXE+kickstart自动安装ubuntu14.04
  4. $.AjaxFileUpload is not a function
  5. [蓝桥杯2016初赛]卡片换位-bfs
  6. 这才是真相,“轻点,疼”被禁却另有玄机
  7. C语言实现HDB3编码与译码
  8. 熵值法、灰色关联分析与层次分析法
  9. 深度linux64位系统下载,深度 Deepin 15.9 操作系统下载
  10. travis ci 自动部署
  11. js map基本操作和循环取值
  12. Tuxera NTFS的禁用和卸载
  13. MAC查看库信息/rpath(类似ldd)otool
  14. 2016 province java c-1 有奖竞猜
  15. 基于nginx负载均衡的慢性病专家系统
  16. spring循环引用异常:in its raw version as part of a circular reference, but has eventually been wrapped
  17. 机器人柔性垫圈市场现状及未来发展趋势
  18. .NET 换肤软件 IrisSkin 2.0 破解版下载及多款皮肤下载
  19. 数据挖掘与机器学习:Weka
  20. 政考网|公务员考试必考数量关系题总结!

热门文章

  1. php url模式在哪修改,如何在nginx环境中启用php的pathinfo URL模式[修正]
  2. php银盾算法,盾灵商品推广系统
  3. cytoscape插件下载_cytoscape插件BinGO安装以及GO富集分析和网络可视化
  4. sql列转行函数oracle,SQL列转行
  5. echarts切换折线图变大_这个月,我就和折线图杠上了...
  6. 使用Python,OpenCV实现图像之间超快速的颜色转移
  7. C++:vector容器中使用pair该如何访问成员
  8. autoware使用激光雷达进行目标检测(五)
  9. 连通域最小外接矩形算法原理_基于分割的文本检测算法之PSENet/PAN/DBNet
  10. 剑指offer:面试题13. 机器人的运动范围