zoukankan      html  css  js  c++  java
  • 设计中涉及到的dip、dp、px、sp等单位说明

    在进行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,毫米:长度单位。

  • 相关阅读:
    不同包中继承关系访问protected内部类问题
    LinuxMM--MemoryHierarchy
    LinuxMM--Memory Pressure
    多态实验:基类——子类成员
    使用vue开发的word-cloud 词云组件
    基于mui.PopPicker的可多选下拉多选的底部弹出组件
    基于mui.popover的自定义底部弹出框-支持多选和搜索筛选的弹出列表组件改造以及mui.prompt添加自定义内容
    js去空 去除空格
    css+js控制文字显示行数,多出部分显示省略号
    使用vue开发自定义tabs标签页组件
  • 原文地址:https://www.cnblogs.com/zerow01/p/3344888.html
Copyright © 2011-2022 走看看